1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | @mixin nb-actions-theme() {
|
8 | nb-actions {
|
9 | background-color: nb-theme(actions-background-color);
|
10 | color: nb-theme(actions-text-color);
|
11 | font-family: nb-theme(actions-text-font-family);
|
12 | font-weight: nb-theme(actions-text-font-weight);
|
13 | line-height: nb-theme(actions-text-line-height);
|
14 | }
|
15 |
|
16 | @each $size in nb-get-sizes() {
|
17 | nb-actions.size-#{$size} nb-action {
|
18 | font-size: nb-theme(actions-#{$size}-text-font-size);
|
19 | height: nb-theme(actions-#{$size}-height);
|
20 | padding: nb-theme(actions-#{$size}-padding);
|
21 |
|
22 | nb-icon {
|
23 | font-size: nb-theme(actions-#{$size}-icon-height);
|
24 | }
|
25 | }
|
26 | }
|
27 |
|
28 |
|
29 | nb-action {
|
30 | $divider: nb-theme(actions-divider-width) nb-theme(actions-divider-style) nb-theme(actions-divider-color);
|
31 | @include nb-ltr(border-left, $divider);
|
32 | @include nb-rtl(border-right, $divider);
|
33 |
|
34 | &:first-child {
|
35 | @include nb-ltr(border-left, none !important);
|
36 | @include nb-rtl(border-right, none !important);
|
37 | }
|
38 |
|
39 | nb-icon {
|
40 | color: nb-theme(actions-icon-color);
|
41 | }
|
42 |
|
43 | &.disabled {
|
44 | color: nb-theme(actions-disabled-text-color);
|
45 |
|
46 | nb-icon {
|
47 | color: nb-theme(actions-disabled-icon-color);
|
48 | }
|
49 | }
|
50 | }
|
51 | }
|