1 | ////
|
2 | /// @module time-picker: 时间选择
|
3 | /// @tag TimePicker
|
4 | /// @category component
|
5 | /// @family data-entry
|
6 | /// @varPrefix $time-picker-
|
7 | /// @classPrefix {prefix}-time-picker
|
8 | /// @order {"size/input":10,"size/panel":11,"size/menu":12,"size/menu title":13,"size/menu item":14,"statement/normal":10,"statement/normal/input":100,"statement/normal/panel":101,"statement/normal/menu":102,"statement/normal/menu title":103,"statement/normal/menu item":104,"statement/hover":11,"statement/hover/input":110,"statement/hover/menu item":111,"statement/selected":12,"statement/selected/menu item":120,"statement/disabled":13,"statement/disabled/menu item":130}
|
9 | ////
|
10 |
|
11 | $time-picker-prefix: '.' + $css-prefix + 'time-picker';
|
12 |
|
13 | // global
|
14 | $time-picker-panel-border-color: $popup-local-border-color;
|
15 | $time-picker-panel-corner: $popup-local-corner;
|
16 | $time-picker-panel-shadow: $popup-local-shadow;
|
17 |
|
18 | // 下拉面板
|
19 | // --------------------------------------------------
|
20 |
|
21 | /// width
|
22 | /// @namespace size/panel
|
23 | $time-picker-panel-width: $s-50 !default;
|
24 |
|
25 | /// background
|
26 | /// @namespace statement/normal/panel
|
27 | $time-picker-panel-background: $color-white !default;
|
28 |
|
29 | // 时间菜单
|
30 | // --------------------------------------------------
|
31 |
|
32 | /// border
|
33 | /// @namespace size/menu
|
34 | $time-picker-menu-border-width: $line-1 !default;
|
35 |
|
36 | /// text
|
37 | /// @namespace size/menu title
|
38 | $time-picker-menu-title-font-size: $font-size-caption !default;
|
39 |
|
40 | /// text
|
41 | /// @namespace size/menu item
|
42 | $time-picker-menu-item-font-size: $font-size-caption !default;
|
43 |
|
44 | /// height
|
45 | /// @namespace size/menu title
|
46 | $time-picker-menu-title-height: $s-7 !default;
|
47 |
|
48 | /// height
|
49 | /// @namespace size/menu item
|
50 | $time-picker-menu-item-height: $s-7 !default;
|
51 |
|
52 | /// border color
|
53 | /// @namespace statement/normal/menu
|
54 | $time-picker-menu-border-color: $color-line1-3 !default;
|
55 |
|
56 | /// color
|
57 | /// @namespace statement/normal/menu title
|
58 | $time-picker-menu-title-color: $color-text1-2 !default;
|
59 |
|
60 | /// background
|
61 | /// @namespace statement/normal/menu title
|
62 | $time-picker-menu-title-background: $color-white !default;
|
63 |
|
64 | /// font weight
|
65 | /// @namespace statement/normal/menu title
|
66 | $time-pikcer-menu-title-font-weight: $font-weight-2 !default;
|
67 |
|
68 | /// color
|
69 | /// @namespace statement/normal/menu item
|
70 | $time-picker-menu-item-color: $color-text1-3 !default;
|
71 |
|
72 | /// color
|
73 | /// @namespace statement/hover/menu item
|
74 | $time-picker-menu-item-color-hover: $color-text1-4 !default;
|
75 |
|
76 | /// color
|
77 | /// @namespace statement/selected/menu item
|
78 | $time-picker-menu-item-color-selected: $color-text1-3 !default;
|
79 |
|
80 | /// color
|
81 | /// @namespace statement/disabled/menu item
|
82 | $time-picker-menu-item-color-disabled: $color-text1-1 !default;
|
83 |
|
84 | /// background
|
85 | /// @namespace statement/normal/menu item
|
86 | $time-picker-menu-item-background: $color-white !default;
|
87 |
|
88 | /// background
|
89 | /// @namespace statement/hover/menu item
|
90 | $time-picker-menu-item-background-hover: $color-fill1-2 !default;
|
91 |
|
92 | /// background
|
93 | /// @namespace statement/selected/menu item
|
94 | $time-picker-menu-item-background-selected: $color-fill1-2 !default;
|
95 |
|
96 | /// background
|
97 | /// @namespace statement/disabled/menu item
|
98 | $time-picker-menu-item-background-disabled: $color-white !default;
|
99 |
|
100 | /// font weight
|
101 | /// @namespace statement/selected/menu item
|
102 | $time-picker-menu-item-font-weight-selected: $font-weight-3 !default;
|
103 |
|
104 | /// timepicker icon
|
105 | /// @namespace statement/normal/header
|
106 | $time-picker-clock-icon: $icon-content-clock !default;
|