1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | @import './tree-grid-sort.component.theme';
|
8 |
|
9 | @mixin nb-tree-grid-theme() {
|
10 | $border-width: nb-theme(tree-grid-cell-border-width);
|
11 | $border-style: nb-theme(tree-grid-cell-border-style);
|
12 | $border-color: nb-theme(tree-grid-cell-border-color);
|
13 |
|
14 | .nb-tree-grid-header-cell,
|
15 | .nb-tree-grid-cell,
|
16 | .nb-tree-grid-footer-cell {
|
17 | height: nb-theme(tree-grid-row-min-height);
|
18 | padding: nb-theme(tree-grid-cell-padding);
|
19 | border: $border-width $border-style $border-color;
|
20 | }
|
21 |
|
22 | .nb-tree-grid-header-row {
|
23 | background: nb-theme(tree-grid-header-background-color);
|
24 | color: nb-theme(tree-grid-header-text-color);
|
25 | font-family: nb-theme(tree-grid-header-text-font-family);
|
26 | font-size: nb-theme(tree-grid-header-text-font-size);
|
27 | font-weight: nb-theme(tree-grid-header-text-font-weight);
|
28 | line-height: nb-theme(tree-grid-header-text-line-height);
|
29 | }
|
30 |
|
31 | .nb-tree-grid-footer-row {
|
32 | background: nb-theme(tree-grid-footer-background-color);
|
33 | color: nb-theme(tree-grid-footer-text-color);
|
34 | font-family: nb-theme(tree-grid-footer-text-font-family);
|
35 | font-size: nb-theme(tree-grid-footer-text-font-size);
|
36 | font-weight: nb-theme(tree-grid-footer-text-font-weight);
|
37 | line-height: nb-theme(tree-grid-footer-text-line-height);
|
38 | }
|
39 |
|
40 | .nb-tree-grid-row {
|
41 | background: nb-theme(tree-grid-row-background-color);
|
42 | color: nb-theme(tree-grid-row-text-color);
|
43 | font-family: nb-theme(tree-grid-row-text-font-family);
|
44 | font-size: nb-theme(tree-grid-row-text-font-size);
|
45 | font-weight: nb-theme(tree-grid-row-text-font-weight);
|
46 | line-height: nb-theme(tree-grid-row-text-line-height);
|
47 | &:hover {
|
48 | background: nb-theme(tree-grid-row-hover-background-color);
|
49 | }
|
50 | &:nth-child(2n):not(:hover) {
|
51 | background-color: nb-theme(tree-grid-row-even-background-color);
|
52 | }
|
53 | }
|
54 |
|
55 | .nb-tree-grid-header-cell {
|
56 | button {
|
57 | vertical-align: middle;
|
58 | }
|
59 | }
|
60 |
|
61 | nb-tree-grid-row-toggle, nb-sort-icon {
|
62 | nb-icon {
|
63 | font-size: inherit;
|
64 | vertical-align: middle;
|
65 | color: currentColor;
|
66 | }
|
67 | }
|
68 |
|
69 | @include nb-tree-grid-sort-header-theme();
|
70 | }
|