1 | @import "../core/index-noreset.scss";
|
2 | @import "scss/mixin";
|
3 | @import "scss/variable";
|
4 |
|
5 | #{$split-btn-prefix} {
|
6 | display: inline-block;
|
7 | position: relative;
|
8 |
|
9 | &-spacing-tb {
|
10 | padding: $popup-spacing-tb 0;
|
11 | }
|
12 |
|
13 | &-trigger {
|
14 | .#{$css-prefix}icon {
|
15 | transition: transform $motion-duration-immediately $motion-linear;
|
16 | }
|
17 |
|
18 | &.#{$css-prefix}expand #{$split-btn-prefix}-symbol-fold {
|
19 | @if get-compiling-value($split-btn-unfold-icon-content) != get-compiling-value($icon-reset) {
|
20 | &::before {
|
21 | content: $split-btn-unfold-icon-content;
|
22 | }
|
23 | } @else {
|
24 | transform: rotate(180deg);
|
25 | }
|
26 | }
|
27 |
|
28 | &.#{$css-prefix}btn-normal:not(:disabled):not(.disabled) .#{$css-prefix}icon {
|
29 | color: $split-btn-trigger-normal-icon-color;
|
30 | }
|
31 |
|
32 | &.#{$css-prefix}small {
|
33 | padding-left: $s-1;
|
34 | padding-right: $s-1;
|
35 | }
|
36 |
|
37 | &.#{$css-prefix}medium {
|
38 | padding-left: $s-2;
|
39 | padding-right: $s-2;
|
40 | }
|
41 | }
|
42 |
|
43 | &-symbol-fold {
|
44 | &::before {
|
45 | content: $split-btn-fold-icon-content;
|
46 | }
|
47 | }
|
48 |
|
49 |
|
50 | &-symbol-unfold::before {
|
51 | content: $split-btn-unfold-icon-content;
|
52 | }
|
53 |
|
54 | }
|