UNPKG

12 kBSCSSView Raw
1////
2/// @module calendar: 日历
3/// @tag Calendar
4/// @category component
5/// @family data-display
6/// @varPrefix $calendar-
7/// @classPrefix {prefix}-calendar
8/// @order {"size/header":10,"size/table head":11,"size/table cell":12,"statement/normal":10,"statement/normal/table head":100,"statement/normal/table cell":101,"statement/normal/header":102,"statement/hover":11,"statement/hover/table cell":110,"statement/hover/header":111,"statement/selected":12,"statement/selected/table cell":120,"statement/current":13,"statement/current/table cell":130,"statement/other month":14,"statement/other month/table cell":140,"statement/disabled":15,"statement/disabled/table cell":150,"statement/last month":16,"statement/last month/table cell":160,"statement/in range":17,"statement/in range/table cell":170}
9////
10
11$calendar-prefix: '.' + $css-prefix + 'calendar';
12
13$calendar-select-prefix: '.' + $css-prefix + 'select';
14
15$calendar-radio-prefix: '.' + $css-prefix + 'radio';
16
17$calendar-icon-prefix: '.' + $css-prefix + 'icon';
18
19$calendar-menu-prefix: '.' + $css-prefix + 'menu';
20
21// 全屏模式
22// ----------------------------------------
23
24/// margin (b)
25/// @namespace size/header
26$calendar-fullscreen-header-margin-bottom: $s-2 !default;
27
28/// font weight
29/// @namespace size/table head
30$calendar-fullscreen-table-head-font-weight: $font-weight-3 !default;
31
32/// text
33/// @namespace size/table head
34$calendar-fullscreen-table-head-font-size: $font-size-subhead !default;
35
36/// padding (r)
37/// @namespace size/table head
38$calendar-fullscreen-table-head-padding-r: $s-3 !default;
39
40/// padding (b)
41/// @namespace size/table head
42$calendar-fullscreen-table-head-padding-b: $s-1 !default;
43
44/// text
45/// @namespace size/table cell
46$calendar-fullscreen-table-cell-font-size: $font-size-body-2 !default;
47
48/// border (t)
49/// @namespace size/table cell
50$calendar-fullscreen-table-cell-boder-top-width: $line-2 !default;
51
52/// margin (t, b)
53/// @namespace size/table cell
54$calendar-fullscreen-table-cell-margin-tb: $s-zero !default;
55
56/// margin (l, r)
57/// @namespace size/table cell
58$calendar-fullscreen-table-cell-margin-lr: $s-1 !default;
59
60/// padding (t, b)
61/// @namespace size/table cell
62$calendar-fullscreen-table-cell-padding-tb: $s-1 !default;
63
64/// padding (l, r)
65/// @namespace size/table cell
66$calendar-fullscreen-table-cell-padding-lr: $s-2 !default;
67
68/// min height
69/// @namespace size/table cell
70$calendar-fullscreen-table-cell-min-height: $s-20 !default;
71
72/// text
73/// @namespace statement/normal/table head
74$calendar-fullscreen-table-head-color: $color-text1-4 !default;
75
76/// background
77/// @namespace statement/normal/table cell
78$calendar-fullscreen-table-cell-normal-background: $color-white !default;
79
80/// text
81/// @namespace statement/normal/table cell
82$calendar-fullscreen-table-cell-normal-color: $color-text1-4 !default;
83
84/// border color
85/// @namespace statement/normal/table cell
86$calendar-fullscreen-table-cell-normal-border-color: $color-line1-2 !default;
87
88/// background
89/// @namespace statement/hover/table cell
90$calendar-fullscreen-table-cell-hover-background: $color-brand1-1 !default;
91
92/// text
93/// @namespace statement/hover/table cell
94$calendar-fullscreen-table-cell-hover-color: $color-brand1-6 !default;
95
96/// border color
97/// @namespace statement/hover/table cell
98$calendar-fullscreen-table-cell-hover-border-color: $color-brand1-6 !default;
99
100/// background
101/// @namespace statement/selected/table cell
102$calendar-fullscreen-table-cell-select-background: $color-brand1-1 !default;
103
104/// text
105/// @namespace statement/selected/table cell
106$calendar-fullscreen-table-cell-select-color: $color-brand1-6 !default;
107
108/// border color
109/// @namespace statement/selected/table cell
110$calendar-fullscreen-table-cell-select-border-color: $color-brand1-6 !default;
111
112/// font weight
113/// @namespace statement/selected/table cell
114$calendar-fullscreen-table-cell-select-font-weight: $font-weight-3 !default;
115
116/// background
117/// @namespace statement/current/table cell
118$calendar-fullscreen-table-cell-current-background: $color-white !default;
119
120/// text
121/// @namespace statement/current/table cell
122$calendar-fullscreen-table-cell-current-color: $color-brand1-6 !default;
123
124/// border color
125/// @namespace statement/current/table cell
126$calendar-fullscreen-table-cell-current-border-color: $color-brand1-6 !default;
127
128/// font weight
129/// @namespace statement/current/table cell
130$calendar-fullscreen-table-cell-current-font-weight: $font-weight-3 !default;
131
132/// background
133/// @namespace statement/other month/table cell
134$calendar-fullscreen-table-cell-other-background: $color-transparent !default;
135
136/// text
137/// @namespace statement/other month/table cell
138$calendar-fullscreen-table-cell-other-color: $color-text1-1 !default;
139
140/// border color
141/// @namespace statement/other month/table cell
142$calendar-fullscreen-table-cell-other-border-color: $color-transparent !default;
143
144/// background
145/// @namespace statement/disabled/table cell
146$calendar-fullscreen-table-cell-disabled-background: $color-fill1-1 !default;
147
148/// text
149/// @namespace statement/disabled/table cell
150$calendar-fullscreen-table-cell-disabled-color: $color-text1-1 !default;
151
152/// border color
153/// @namespace statement/disabled/table cell
154$calendar-fullscreen-table-cell-disabled-border-color: $color-line1-1 !default;
155
156// 卡片模式 cell
157// ----------------------------------------
158
159/// margin (b)
160/// @namespace size/header
161$calendar-card-header-margin-bottom: $s-2 !default;
162
163/// text
164/// @namespace size/table head
165$calendar-card-table-head-font-size: $font-size-caption !default;
166
167/// font weight
168/// @namespace size/table head
169$calendar-card-table-head-font-weight: $font-weight-2 !default;
170
171/// text
172/// @namespace size/table cell
173$calendar-card-table-cell-font-size: $font-size-caption !default;
174
175/// date corner
176/// @namespace size/table cell
177$calendar-card-table-cell-date-border-radius: $corner-1 !default;
178
179/// date width
180/// @namespace size/table cell
181$calendar-card-table-cell-date-width: $s-6 !default;
182
183/// date height
184/// @namespace size/table cell
185$calendar-card-table-cell-date-height: $s-6 !default;
186
187/// month corner
188/// @namespace size/table cell
189$calendar-card-table-cell-month-border-radius: $corner-1 !default;
190
191/// month width
192/// @namespace size/table cell
193$calendar-card-table-cell-month-width: $s-15 !default;
194
195/// month height
196/// @namespace size/table cell
197$calendar-card-table-cell-month-height: $s-6 !default;
198
199/// year corner
200/// @namespace size/table cell
201$calendar-card-table-cell-year-border-radius: $corner-1 !default;
202
203/// year width
204/// @namespace size/table cell
205$calendar-card-table-cell-year-width: $s-12 !default;
206
207/// year height
208/// @namespace size/table cell
209$calendar-card-table-cell-year-height: $s-6 !default;
210
211/// text
212/// @namespace statement/normal/table head
213$calendar-card-table-head-color: $color-text1-2 !default;
214
215/// cell corner
216/// @namespace statement/normal/table cell
217$calendar-card-table-cell-corner: $corner-zero !default;
218
219/// background
220/// @namespace statement/normal/table cell
221$calendar-card-table-cell-normal-background: $color-white !default;
222
223/// text
224/// @namespace statement/normal/table cell
225$calendar-card-table-cell-normal-color: $color-text1-3 !default;
226
227/// border color
228/// @namespace statement/normal/table cell
229$calendar-card-table-cell-normal-border-color: $color-white !default;
230
231/// background
232/// @namespace statement/hover/table cell
233$calendar-card-table-cell-hover-background: $color-brand1-1 !default;
234
235/// text
236/// @namespace statement/hover/table cell
237$calendar-card-table-cell-hover-color: $color-brand1-6 !default;
238
239/// border color
240/// @namespace statement/hover/table cell
241$calendar-card-table-cell-hover-border-color: $color-brand1-1 !default;
242
243/// background
244/// @namespace statement/selected/table cell
245$calendar-card-table-cell-select-background: $color-brand1-6 !default;
246
247/// text
248/// @namespace statement/selected/table cell
249$calendar-card-table-cell-select-color: $color-white !default;
250
251/// border color
252/// @namespace statement/selected/table cell
253$calendar-card-table-cell-select-border-color: $color-brand1-6 !default;
254
255/// font weight
256/// @namespace statement/selected/table cell
257$calendar-card-table-cell-select-font-weight: $font-weight-3 !default;
258
259/// background
260/// @namespace statement/last month/table cell
261$calendar-card-table-cell-other-background: $color-white !default;
262
263/// text
264/// @namespace statement/last month/table cell
265$calendar-card-table-cell-other-color: $color-text1-1 !default;
266
267/// border color
268/// @namespace statement/last month/table cell
269$calendar-card-table-cell-other-border-color: $color-white !default;
270
271/// background
272/// @namespace statement/disabled/table cell
273$calendar-card-table-cell-disabled-background: $color-fill1-1 !default;
274
275/// text
276/// @namespace statement/disabled/table cell
277$calendar-card-table-cell-disabled-color: $color-text1-1 !default;
278
279/// border color
280/// @namespace statement/disabled/table cell
281$calendar-card-table-cell-disabled-border-color: $color-fill1-1 !default;
282
283/// background
284/// @namespace statement/current/table cell
285$calendar-card-table-cell-current-background: $color-white !default;
286
287/// text
288/// @namespace statement/current/table cell
289$calendar-card-table-cell-current-color: $color-brand1-6 !default;
290
291/// border color
292/// @namespace statement/current/table cell
293$calendar-card-table-cell-current-border-color: $color-transparent !default;
294
295/// font weight
296/// @namespace statement/current/table cell
297$calendar-card-table-cell-current-font-weight: $font-weight-3 !default;
298
299/// background
300/// @namespace statement/in range/table cell
301$calendar-card-table-cell-inrange-background: $color-brand1-1 !default;
302
303/// text
304/// @namespace statement/in range/table cell
305$calendar-card-table-cell-inrange-color: $color-brand1-6 !default;
306
307/// border color
308/// @namespace statement/in range/table cell
309$calendar-card-table-cell-inrange-border-color: $color-brand1-1 !default;
310
311// 面板模式 Panel Header
312// ----------------------------------------
313
314/// margin (b)
315/// @namespace size/header
316$calendar-panel-header-margin-bottom: $s-2 !default;
317
318/// height
319/// @namespace size/header
320$calendar-panel-header-height: $s-8 !default;
321
322/// border (b)
323/// @namespace size/header
324$calendar-panel-header-border-bottom-width: $line-1 !default;
325
326/// background
327/// @namespace statement/normal/header
328$calendar-panel-header-background: $color-brand1-6 !default;
329
330/// border (b)
331/// @namespace statement/normal/header
332$calendar-panel-header-border-bottom-color: $color-transparent !default;
333
334// calendar btn
335// --------------------
336
337/// btn font weight
338/// @namespace size/header
339$calendar-btn-date-font-weight: $font-weight-3 !default;
340
341/// btn margin (lr)
342/// @namespace size/header
343$calendar-btn-date-margin-lr: $s-1 !default;
344
345/// sing arrow offset (l, r)
346/// @namespace size/header
347$calendar-btn-arrow-single-offset-lr: $s-7 !default;
348
349/// double arrow offset (l,r )
350/// @namespace size/header
351$calendar-btn-arrow-double-offset-lr: $s-2 !default;
352
353/// icon
354/// @namespace size/header
355$calendar-btn-arrow-size: $icon-xs !default;
356
357/// arrow
358/// @namespace statement/normal/header
359$calendar-btn-arrow-color: $color-white !default;
360
361/// arrow
362/// @namespace statement/hover/header
363$calendar-btn-arrow-color-hover: $color-white !default;
364
365/// text
366/// @namespace statement/normal/header
367$calendar-btn-date-color: $color-white !default;
368
369/// text
370/// @namespace statement/hover/header
371$calendar-btn-date-color-hover: $color-white !default;
372
373/// prev
374/// @namespace statement/normal/table head
375$calendar-btn-arrow-content-prev: $icon-content-arrow-left !default;
376
377/// next
378/// @namespace statement/normal/table head
379$calendar-btn-arrow-content-next: $icon-content-arrow-right !default;
380
381/// prev super
382/// @namespace statement/normal/table head
383$calendar-btn-arrow-content-prev-super: $icon-content-arrow-double-left !default;
384
385/// next super
386/// @namespace statement/normal/table head
387$calendar-btn-arrow-content-next-super: $icon-content-arrow-double-right !default;