UNPKG

5.65 kBSCSSView Raw
1@charset "UTF-8";
2
3////
4/// @module table: 表格
5/// @tag Table
6/// @category component
7/// @family data-display
8/// @varPrefix $table-
9/// @classPrefix {prefix}-table
10/// @order {"size/bounding":10,"size/head":11,"size/body":12,"size/body empty":13,"size/cell":14,"size/group list":15,"statement/normal":10,"statement/normal/bounding":100,"statement/normal/head":101,"statement/normal/group header":102,"statement/normal/body":103,"statement/normal/body empty":104,"statement/normal/group footer":105,"statement/hover":11,"statement/hover/body":110,"statement/selected":12,"statement/selected/body":120,"statement/active":13,"statement/active/head":130,"statement/disabled":14,"statement/disabled/body":140}
11////
12
13// table variables
14// --------------------------------------------------
15
16$table-prefix: '.#{$css-prefix}table' !default;
17
18/// border width
19/// @namespace size/bounding
20$table-normal-border-width: $line-1 !default;
21/// text
22/// @namespace size/head
23$table-th-font-size: $font-size-body-1 !default;
24/// text weight
25/// @namespace size/head
26$table-th-font-weight: $font-weight-2 !default;
27/// sort icon
28/// @namespace size/head
29$table-sort-icon-size: $icon-xs !default;
30/// filter icon
31/// @namespace size/head
32$table-filter-icon-size: $icon-xs !default;
33/// text
34/// @namespace size/body
35$table-body-font-size: $font-size-body-1 !default;
36/// padding (t, b)
37/// @namespace size/body empty
38$table-empty-padding: $s-8 !default;
39/// expanded icon
40/// @namespace size/body
41$table-expanded-icon-size: $icon-xs !default;
42/// tree icon
43/// @namespace size/body
44$table-tree-expanded-icon-size: $icon-xs !default;
45/// padding (t, b)
46/// @namespace size/cell
47$table-cell-padding-top: $s-3 !default;
48/// padding (l, r)
49/// @namespace size/cell
50$table-cell-padding-left: $s-4 !default;
51/// padding (t, b)
52/// @namespace size/head
53$table-header-padding-top: $s-3 !default;
54/// padding (l, r)
55/// @namespace size/head
56$table-header-padding-left: $s-4 !default;
57/// icon margin
58/// @namespace size/head
59$table-header-icon-margin-left: $s-2 !default;
60/// corner top
61/// @namespace size/head
62$table-header-corner-top: $corner-zero !default;
63/// corner bottom
64/// @namespace size/head
65$table-header-corner-bottom: $corner-zero !default;
66
67/// padding (t, b)
68/// @namespace size/cell
69$table-size-s-cell-padding-top: $s-2 !default;
70/// padding (l, r)
71/// @namespace size/cell
72$table-size-s-cell-padding-left: $s-2 !default;
73/// padding (t, b)
74/// @namespace size/head
75$table-size-s-header-padding-top: $s-2 !default;
76/// padding (l, r)
77/// @namespace size/head
78$table-size-s-header-padding-left: $s-2 !default;
79
80
81/// margin (t, b)
82/// @namespace size/group list
83$table-group-split: $s-2 !default;
84
85/// corner top
86/// @namespace size/group header
87$table-group-header-corner-top: $corner-zero !default;
88/// corner bottom
89/// @namespace size/group header
90$table-group-header-corner-bottom: $corner-zero !default;
91
92/// corner(t)
93/// @namespace size/group footer
94$table-group-footer-corner-top: $corner-zero !default;
95/// corner(b)
96/// @namespace size/group footer
97$table-group-footer-corner-bottom: $corner-zero !default;
98
99/// border
100/// @namespace statement/normal/bounding
101$table-normal-border-color: $color-line1-2 !default;
102/// border style
103/// @namespace statement/normal/bounding
104$table-normal-border-style: $line-solid !default;
105/// background
106/// @namespace statement/normal/head
107$table-th-bg: $color-fill1-3 !default;
108/// text
109/// @namespace statement/normal/head
110$table-th-color: $color-text1-4 !default;
111/// icon
112/// @namespace statement/normal/head
113$table-sort-color: $color-text1-4 !default;
114/// background
115/// @namespace statement/normal/group header
116$table-group-th-bg: $color-fill1-3 !default;
117/// text
118/// @namespace statement/normal/group header
119$table-group-th-color: $color-text1-4 !default;
120
121
122/// background
123/// @namespace statement/normal/body
124$table-row-bg: $color-white !default;
125/// text
126/// @namespace statement/normal/body
127$table-row-color: $color-text1-4 !default;
128/// zebra deep color
129/// @namespace statement/normal/body
130$table-td-gray: $color-fill1-1 !default;
131/// zebra thin color
132/// @namespace statement/normal/body
133$table-td-normal: $color-white !default;
134/// text
135/// @namespace statement/normal/body empty
136$table-empty-color: $color-line1-4 !default;
137/// background
138/// @namespace statement/normal/group footer
139$table-group-footer-bg: $color-fill1-3 !default;
140/// text
141/// @namespace statement/normal/group footer
142$table-group-footer-color: $color-text1-4 !default;
143
144/// background
145/// @namespace statement/hover/body
146$table-row-hover-bg: $color-fill1-2 !default;
147/// text
148/// @namespace statement/hover/body
149$table-row-hover-color: $color-text1-4 !default;
150
151/// background
152/// @namespace statement/selected/body
153$table-row-selected-bg: $color-fill1-2 !default;
154/// text
155/// @namespace statement/selected/body
156$table-row-selected-color: $color-text1-4 !default;
157
158/// icon
159/// @namespace statement/active/head
160$table-sort-color-current: $color-brand1-6 !default;
161
162/// expanded icon
163/// @namespace statement/disabled/body
164$table-expanded-ctrl-disabled-color: $color-text1-2 !default;
165
166/// tree fold icon
167/// @namespace statement/normal
168/// @type icon
169$table-tree-fold-icon-content: $icon-content-arrow-right !default;
170
171/// tree unfold icon
172/// @namespace statement/normal
173/// @type icon
174$table-tree-unfold-icon-content: $icon-content-arrow-down !default;
175
176/// expand fold icon
177/// @namespace statement/normal
178/// @type icon
179$table-expand-fold-icon-content: $icon-content-add !default;
180
181/// expand unfold icon
182/// @namespace statement/normal
183/// @type icon
184$table-expand-unfold-icon-content: $icon-content-minus !default;