UNPKG

2.26 kBSCSSView Raw
1/**
2 * @license
3 * Copyright Akveo. All Rights Reserved.
4 * Licensed under the MIT License. See License.txt in the project root for license information.
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}