1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 | $tree-prefix: '.' + $css-prefix + 'tree';
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 | $tree-node-padding: $s-1 !default;
|
19 |
|
20 |
|
21 |
|
22 | $tree-node-title-margin: $s-1 !default;
|
23 |
|
24 |
|
25 |
|
26 | $tree-node-title-padding: $s-1 !default;
|
27 |
|
28 |
|
29 |
|
30 | $tree-node-title-font-size: $font-size-body-1 !default;
|
31 |
|
32 |
|
33 |
|
34 | $tree-switch-arrow-size: $icon-xs !default;
|
35 |
|
36 |
|
37 |
|
38 | $tree-switch-size: $s-4 !default;
|
39 |
|
40 |
|
41 |
|
42 | $tree-switch-icon-size: $icon-xxs !default;
|
43 |
|
44 |
|
45 |
|
46 | $tree-switch-border-width: $line-1 !default;
|
47 |
|
48 |
|
49 |
|
50 | $tree-switch-margint-right: $s-2 !default;
|
51 |
|
52 |
|
53 |
|
54 | $tree-line-width: $line-1 !default;
|
55 |
|
56 |
|
57 |
|
58 |
|
59 |
|
60 |
|
61 | $tree-node-normal-color: $color-text1-4 !default;
|
62 |
|
63 |
|
64 |
|
65 | $tree-node-normal-background: $color-white !default;
|
66 |
|
67 |
|
68 |
|
69 | $tree-node-title-border-radius: $corner-1 !default;
|
70 |
|
71 |
|
72 |
|
73 | $tree-switch-arrow-color: $color-text1-2 !default;
|
74 |
|
75 |
|
76 |
|
77 |
|
78 | $tree-switcher-fold-icon-content: $icon-content-add !default;
|
79 |
|
80 |
|
81 |
|
82 |
|
83 | $tree-switcher-unfold-icon-content: $icon-content-minus !default;
|
84 |
|
85 |
|
86 |
|
87 | $tree-switch-icon-color: $color-text1-3 !default;
|
88 |
|
89 |
|
90 |
|
91 | $tree-switch-bg-color: $color-white !default;
|
92 |
|
93 |
|
94 |
|
95 | $tree-switch-border-color: $color-line1-3 !default;
|
96 |
|
97 |
|
98 |
|
99 | $tree-switch-corner: $corner-1 !default;
|
100 |
|
101 |
|
102 |
|
103 | $tree-line-color: $color-line1-3 !default;
|
104 |
|
105 |
|
106 |
|
107 | $tree-line-style: $line-solid !default;
|
108 |
|
109 |
|
110 |
|
111 |
|
112 |
|
113 |
|
114 | $tree-node-hover-color: $color-text1-4 !default;
|
115 |
|
116 |
|
117 |
|
118 | $tree-node-hover-bg-color: $color-fill1-2 !default;
|
119 |
|
120 |
|
121 |
|
122 | $tree-switch-hover-arrow-color: $color-text1-4 !default;
|
123 |
|
124 |
|
125 |
|
126 | $tree-switch-hover-icon-color: $color-text1-4 !default;
|
127 |
|
128 |
|
129 |
|
130 | $tree-switch-hover-bg-color: $color-fill1-2 !default;
|
131 |
|
132 |
|
133 |
|
134 | $tree-switch-hover-border-color: $color-line1-4 !default;
|
135 |
|
136 |
|
137 |
|
138 |
|
139 |
|
140 |
|
141 | $tree-node-selected-color: $color-text1-4 !default;
|
142 |
|
143 |
|
144 |
|
145 | $tree-node-selected-background: $color-brand1-1 !default;
|
146 |
|
147 |
|
148 |
|
149 |
|
150 |
|
151 |
|
152 | $tree-node-disabled-color: $color-text1-1 !default;
|
153 |
|
154 |
|
155 |
|
156 | $tree-node-disabled-background: $color-white !default;
|
157 |
|
158 | $tree-child-indent: $s-6 !default;
|
159 | $tree-node-title-height: $s-5 !default;
|
160 | $tree-child-indent-left: calc((#{$tree-switch-size} - #{$tree-line-width}) / 2);
|
161 | $tree-child-indent-right: calc(#{$tree-child-indent} - #{$tree-line-width} - (#{$tree-switch-size} - #{$tree-line-width}) / 2);
|
162 | $tree-child-right-angle-left: calc(0px - (#{$tree-child-indent} - (#{$tree-switch-size} - #{$tree-line-width}) / 2 + #{$tree-switch-border-width}));
|
163 | $tree-child-right-angle-width: calc(#{$tree-child-indent} - (#{$tree-switch-size} - #{$tree-line-width}) / 2);
|
164 |
|
165 | $tree-line: $tree-line-width $tree-line-style $tree-line-color;
|
166 |
|
167 |
|
168 |
|
169 |
|
170 |
|
171 | $tree-fold-icon-content: $icon-content-arrow-down !default;
|
172 |
|
173 |
|
174 |
|
175 |
|
176 | $tree-unfold-icon-content: $icon-reset !default;
|