bkui-vue 1.0.3-beta.24 → 1.0.3-beta.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/style.variable.css +1 -1
  3. package/lib/affix/affix.css +1 -1
  4. package/lib/affix/affix.less +2 -2
  5. package/lib/affix/affix.variable.css +3 -3
  6. package/lib/alert/alert.css +21 -21
  7. package/lib/alert/alert.less +17 -16
  8. package/lib/alert/alert.variable.css +23 -23
  9. package/lib/backtop/backtop.css +11 -11
  10. package/lib/backtop/backtop.less +3 -3
  11. package/lib/backtop/backtop.variable.css +13 -13
  12. package/lib/badge/badge.css +32 -32
  13. package/lib/badge/badge.less +5 -5
  14. package/lib/badge/badge.variable.css +34 -34
  15. package/lib/breadcrumb/breadcrumb.css +31 -31
  16. package/lib/breadcrumb/breadcrumb.less +8 -8
  17. package/lib/breadcrumb/breadcrumb.variable.css +33 -33
  18. package/lib/button/button.css +69 -69
  19. package/lib/button/button.less +3 -5
  20. package/lib/button/button.variable.css +71 -71
  21. package/lib/card/card.css +31 -31
  22. package/lib/card/card.less +4 -4
  23. package/lib/card/card.variable.css +33 -33
  24. package/lib/cascader/cascader.css +63 -63
  25. package/lib/cascader/cascader.less +12 -11
  26. package/lib/cascader/cascader.variable.css +65 -65
  27. package/lib/checkbox/checkbox.css +21 -21
  28. package/lib/checkbox/checkbox.less +8 -8
  29. package/lib/checkbox/checkbox.variable.css +23 -23
  30. package/lib/code-diff/code-diff.css +97 -97
  31. package/lib/code-diff/code-diff.less +3 -4
  32. package/lib/code-diff/code-diff.variable.css +99 -99
  33. package/lib/collapse/collapse.css +30 -30
  34. package/lib/collapse/collapse.less +25 -24
  35. package/lib/collapse/collapse.variable.css +32 -32
  36. package/lib/collapse-transition/collapse-transition.css +32 -32
  37. package/lib/collapse-transition/collapse-transition.less +59 -48
  38. package/lib/collapse-transition/collapse-transition.variable.css +34 -34
  39. package/lib/color-picker/color-picker.css +57 -57
  40. package/lib/color-picker/color-picker.less +36 -30
  41. package/lib/color-picker/color-picker.variable.css +59 -59
  42. package/lib/config-provider/config-provider.variable.css +2 -2
  43. package/lib/container/container.css +19 -19
  44. package/lib/container/container.less +3 -3
  45. package/lib/container/container.variable.css +21 -21
  46. package/lib/date-picker/date-picker.css +92 -92
  47. package/lib/date-picker/date-picker.less +55 -54
  48. package/lib/date-picker/date-picker.variable.css +94 -94
  49. package/lib/dialog/dialog.css +51 -51
  50. package/lib/dialog/dialog.less +1 -1
  51. package/lib/dialog/dialog.variable.css +53 -53
  52. package/lib/divider/divider.css +8 -8
  53. package/lib/divider/divider.less +5 -8
  54. package/lib/divider/divider.variable.css +10 -10
  55. package/lib/dropdown/dropdown.css +15 -15
  56. package/lib/dropdown/dropdown.less +6 -6
  57. package/lib/dropdown/dropdown.variable.css +17 -17
  58. package/lib/exception/exception.css +13 -13
  59. package/lib/exception/exception.less +6 -6
  60. package/lib/exception/exception.variable.css +15 -15
  61. package/lib/fixed-navbar/fixed-navbar.css +9 -9
  62. package/lib/fixed-navbar/fixed-navbar.less +1 -2
  63. package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
  64. package/lib/form/form.css +63 -63
  65. package/lib/form/form.less +14 -16
  66. package/lib/form/form.variable.css +65 -65
  67. package/lib/image/image-viewer.css +23 -23
  68. package/lib/image/image-viewer.less +24 -25
  69. package/lib/image/image-viewer.variable.css +25 -25
  70. package/lib/image/image.css +29 -29
  71. package/lib/image/image.less +6 -8
  72. package/lib/image/image.variable.css +31 -31
  73. package/lib/info-box/info-box.css +10 -10
  74. package/lib/info-box/info-box.less +1 -2
  75. package/lib/info-box/info-box.variable.css +12 -12
  76. package/lib/input/input.css +102 -104
  77. package/lib/input/input.less +27 -33
  78. package/lib/input/input.variable.css +104 -106
  79. package/lib/link/link.css +18 -18
  80. package/lib/link/link.less +1 -3
  81. package/lib/link/link.variable.css +20 -20
  82. package/lib/loading/loading.css +94 -94
  83. package/lib/loading/loading.less +4 -4
  84. package/lib/loading/loading.variable.css +96 -96
  85. package/lib/menu/menu.css +38 -38
  86. package/lib/menu/menu.less +10 -10
  87. package/lib/menu/menu.variable.css +40 -40
  88. package/lib/menu/submenu.css +1 -1
  89. package/lib/menu/submenu.less +1 -1
  90. package/lib/menu/submenu.variable.css +3 -3
  91. package/lib/message/message.css +59 -59
  92. package/lib/message/message.less +25 -24
  93. package/lib/message/message.variable.css +61 -61
  94. package/lib/modal/modal.css +26 -26
  95. package/lib/modal/modal.less +8 -12
  96. package/lib/modal/modal.variable.css +28 -28
  97. package/lib/navigation/navigation.css +25 -25
  98. package/lib/navigation/navigation.less +9 -9
  99. package/lib/navigation/navigation.variable.css +27 -27
  100. package/lib/notify/notify.css +17 -17
  101. package/lib/notify/notify.less +8 -6
  102. package/lib/notify/notify.variable.css +19 -19
  103. package/lib/pagination/pagination.css +60 -60
  104. package/lib/pagination/pagination.less +24 -25
  105. package/lib/pagination/pagination.variable.css +62 -62
  106. package/lib/pop-confirm/pop-confirm.css +10 -10
  107. package/lib/pop-confirm/pop-confirm.less +14 -11
  108. package/lib/pop-confirm/pop-confirm.variable.css +12 -12
  109. package/lib/popover/popover.css +5 -5
  110. package/lib/popover/popover.less +5 -6
  111. package/lib/popover/popover.variable.css +7 -7
  112. package/lib/process/process.css +36 -33
  113. package/lib/process/process.less +8 -7
  114. package/lib/process/process.variable.css +38 -35
  115. package/lib/progress/progress.css +33 -33
  116. package/lib/progress/progress.less +6 -5
  117. package/lib/progress/progress.variable.css +35 -35
  118. package/lib/radio/radio.css +51 -51
  119. package/lib/radio/radio.less +13 -20
  120. package/lib/radio/radio.variable.css +53 -53
  121. package/lib/rate/rate.css +2 -2
  122. package/lib/rate/rate.less +1 -1
  123. package/lib/rate/rate.variable.css +4 -4
  124. package/lib/rate/star.css +7 -7
  125. package/lib/rate/star.less +1 -1
  126. package/lib/rate/star.variable.css +9 -9
  127. package/lib/resize-layout/resize-layout.css +42 -42
  128. package/lib/resize-layout/resize-layout.less +17 -10
  129. package/lib/resize-layout/resize-layout.variable.css +44 -44
  130. package/lib/search-select/search-select.css +15 -15
  131. package/lib/search-select/search-select.variable.css +17 -17
  132. package/lib/select/select.css +87 -87
  133. package/lib/select/select.less +27 -22
  134. package/lib/select/select.variable.css +89 -89
  135. package/lib/sideslider/sideslider.css +14 -14
  136. package/lib/sideslider/sideslider.less +9 -13
  137. package/lib/sideslider/sideslider.variable.css +16 -16
  138. package/lib/slider/slider.css +31 -31
  139. package/lib/slider/slider.less +8 -8
  140. package/lib/slider/slider.variable.css +33 -33
  141. package/lib/steps/steps.css +134 -134
  142. package/lib/steps/steps.less +44 -48
  143. package/lib/steps/steps.variable.css +136 -136
  144. package/lib/styles/mixins/animate.css +4 -4
  145. package/lib/styles/mixins/animate.less +3 -3
  146. package/lib/styles/mixins/animate.variable.css +6 -6
  147. package/lib/styles/mixins/mixins.css +15 -15
  148. package/lib/styles/mixins/mixins.variable.css +15 -15
  149. package/lib/styles/mixins/popper.css +11 -11
  150. package/lib/styles/mixins/popper.less +6 -6
  151. package/lib/styles/mixins/popper.variable.css +13 -13
  152. package/lib/styles/mixins/scroll.css +5 -5
  153. package/lib/styles/mixins/scroll.less +4 -4
  154. package/lib/styles/mixins/scroll.variable.css +7 -7
  155. package/lib/styles/reset.css +6 -6
  156. package/lib/styles/reset.less +4 -5
  157. package/lib/styles/reset.variable.css +8 -8
  158. package/lib/styles/themes/themes copy.less +167 -0
  159. package/lib/styles/themes/themes.less +3 -10
  160. package/lib/swiper/swiper.css +15 -15
  161. package/lib/swiper/swiper.less +8 -8
  162. package/lib/swiper/swiper.variable.css +17 -17
  163. package/lib/switcher/switcher.css +57 -57
  164. package/lib/switcher/switcher.less +14 -22
  165. package/lib/switcher/switcher.variable.css +59 -59
  166. package/lib/tab/tab.css +78 -78
  167. package/lib/tab/tab.less +40 -39
  168. package/lib/tab/tab.variable.css +80 -80
  169. package/lib/table/plugins/head-filter.css +13 -13
  170. package/lib/table/plugins/head-filter.less +3 -3
  171. package/lib/table/plugins/head-filter.variable.css +15 -15
  172. package/lib/table/plugins/head-sort.css +5 -5
  173. package/lib/table/plugins/head-sort.less +2 -2
  174. package/lib/table/plugins/head-sort.variable.css +7 -7
  175. package/lib/table/plugins/settings.css +26 -26
  176. package/lib/table/plugins/settings.less +1 -3
  177. package/lib/table/plugins/settings.variable.css +28 -28
  178. package/lib/table/table.css +380 -380
  179. package/lib/table/table.less +10 -14
  180. package/lib/table/table.variable.css +382 -382
  181. package/lib/tag/tag.css +51 -51
  182. package/lib/tag/tag.less +34 -34
  183. package/lib/tag/tag.variable.css +53 -53
  184. package/lib/tag-input/tag-input.css +38 -38
  185. package/lib/tag-input/tag-input.less +3 -3
  186. package/lib/tag-input/tag-input.variable.css +40 -40
  187. package/lib/time-picker/time-picker.css +40 -40
  188. package/lib/time-picker/time-picker.less +76 -44
  189. package/lib/time-picker/time-picker.variable.css +42 -42
  190. package/lib/timeline/timeline.css +69 -69
  191. package/lib/timeline/timeline.less +6 -12
  192. package/lib/timeline/timeline.variable.css +71 -71
  193. package/lib/transfer/transfer.css +89 -89
  194. package/lib/transfer/transfer.less +1 -1
  195. package/lib/transfer/transfer.variable.css +91 -91
  196. package/lib/tree/tree.css +49 -49
  197. package/lib/tree/tree.less +6 -7
  198. package/lib/tree/tree.variable.css +51 -51
  199. package/lib/upload/upload.css +98 -98
  200. package/lib/upload/upload.less +68 -69
  201. package/lib/upload/upload.variable.css +100 -100
  202. package/lib/virtual-render/virtual-render.css +9 -9
  203. package/lib/virtual-render/virtual-render.less +1 -1
  204. package/lib/virtual-render/virtual-render.variable.css +11 -11
  205. package/package.json +1 -1
package/lib/time-picker/time-picker.css CHANGED
@@ -1,4 +1,4 @@
1
- .bk-time-picker-header {
1
+ :where(.bk-time-picker-header) {
2
2
  height: 46px;
3
3
  font-size: 14px;
4
4
  font-weight: 700;
@@ -7,7 +7,7 @@
7
7
  text-align: center;
8
8
  border-bottom: 1px solid #dcdee5;
9
9
  }
10
- .bk-time-picker-cells:after {
10
+ :where(.bk-time-picker-cells):after {
11
11
  position: absolute;
12
12
  right: 0;
13
13
  left: 0;
@@ -23,8 +23,8 @@
23
23
  box-sizing: border-box;
24
24
  mix-blend-mode: multiply;
25
25
  }
26
- .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before,
27
- .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before {
26
+ :where(.bk-time-picker-cells-with-seconds) .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before,
27
+ :where(.bk-time-picker-cells-with-seconds) .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before {
28
28
  position: absolute;
29
29
  top: 55px;
30
30
  left: 85px;
@@ -35,8 +35,8 @@
35
35
  border-radius: 50%;
36
36
  content: '';
37
37
  }
38
- .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after,
39
- .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after {
38
+ :where(.bk-time-picker-cells-with-seconds) .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after,
39
+ :where(.bk-time-picker-cells-with-seconds) .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after {
40
40
  position: absolute;
41
41
  top: calc(55px + 5px);
42
42
  left: 85px;
@@ -47,12 +47,12 @@
47
47
  border-radius: 50%;
48
48
  content: '';
49
49
  }
50
- .bk-time-picker-cells-title-wrapper {
50
+ :where(.bk-time-picker-cells-title-wrapper) {
51
51
  width: 100%;
52
52
  height: 42px;
53
53
  line-height: 42px;
54
54
  }
55
- .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title {
55
+ :where(.bk-time-picker-cells-title-wrapper) .bk-time-picker-cells-title {
56
56
  position: relative;
57
57
  float: left;
58
58
  width: 33.33%;
@@ -62,10 +62,10 @@
62
62
  text-align: center;
63
63
  list-style: none;
64
64
  }
65
- .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active {
65
+ :where(.bk-time-picker-cells-title-wrapper) .bk-time-picker-cells-title.active {
66
66
  color: #3a84ff;
67
67
  }
68
- .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before {
68
+ :where(.bk-time-picker-cells-title-wrapper) .bk-time-picker-cells-title:nth-of-type(1):before {
69
69
  position: absolute;
70
70
  top: 55px;
71
71
  left: 133px;
@@ -76,7 +76,7 @@
76
76
  border-radius: 50%;
77
77
  content: '';
78
78
  }
79
- .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after {
79
+ :where(.bk-time-picker-cells-title-wrapper) .bk-time-picker-cells-title:nth-of-type(1):after {
80
80
  position: absolute;
81
81
  top: calc(55px + 5px);
82
82
  left: 133px;
@@ -87,39 +87,39 @@
87
87
  border-radius: 50%;
88
88
  content: '';
89
89
  }
90
- .bk-time-picker-cells-list {
90
+ :where(.bk-time-picker-cells-list) {
91
91
  position: relative;
92
92
  float: left;
93
93
  width: 33.33%;
94
94
  max-height: 200px;
95
95
  overflow: hidden;
96
96
  }
97
- .bk-time-picker-cells-list:hover {
97
+ :where(.bk-time-picker-cells-list:hover) {
98
98
  overflow-y: auto;
99
99
  }
100
- .bk-time-picker-cells-list:first-child {
100
+ :where(.bk-time-picker-cells-list:first-child) {
101
101
  border-radius: 2px 0 0 2px;
102
102
  }
103
- .bk-time-picker-cells-list:last-child {
103
+ :where(.bk-time-picker-cells-list:last-child) {
104
104
  border-radius: 0 2px 2px 0;
105
105
  }
106
- .bk-time-picker-cells-list::-webkit-scrollbar {
106
+ :where(.bk-time-picker-cells-list::-webkit-scrollbar) {
107
107
  width: 0;
108
108
  height: 0;
109
109
  background-color: rgba(204, 204, 204, 0);
110
110
  }
111
- .bk-time-picker-cells-list::-webkit-scrollbar-thumb {
111
+ :where(.bk-time-picker-cells-list::-webkit-scrollbar-thumb) {
112
112
  width: 0;
113
113
  height: 0;
114
114
  background-color: transparent;
115
115
  }
116
- .bk-time-picker-cells-list .bk-time-picker-cells-ul {
116
+ :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul {
117
117
  width: 100%;
118
118
  padding: 0 0 168px 0;
119
119
  margin: 0;
120
120
  list-style: none;
121
121
  }
122
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell {
122
+ :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell {
123
123
  position: relative;
124
124
  width: 100%;
125
125
  height: 32px;
@@ -135,23 +135,23 @@
135
135
  transition: background 0.2s ease-in-out;
136
136
  user-select: none;
137
137
  }
138
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover {
138
+ :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover {
139
139
  color: #3a84ff;
140
140
  }
141
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled {
141
+ :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled {
142
142
  color: #c4c6cc;
143
143
  cursor: not-allowed;
144
144
  }
145
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover {
145
+ :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover {
146
146
  color: #c4c6cc;
147
147
  cursor: not-allowed;
148
148
  background-color: #fff;
149
149
  }
150
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,
151
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover {
150
+ :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,
151
+ :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover {
152
152
  color: #3a84ff;
153
153
  }
154
- .bk-time-picker-header {
154
+ :where(.bk-time-picker-header) {
155
155
  height: 46px;
156
156
  font-size: 14px;
157
157
  font-weight: 700;
@@ -160,11 +160,11 @@
160
160
  text-align: center;
161
161
  border-bottom: 1px solid #dcdee5;
162
162
  }
163
- .bk-time-picker-with-range .bk-picker-panel-content {
163
+ :where(.bk-time-picker-with-range) .bk-picker-panel-content {
164
164
  position: relative;
165
165
  float: left;
166
166
  }
167
- .bk-time-picker-with-range .bk-picker-panel-content:after {
167
+ :where(.bk-time-picker-with-range) .bk-picker-panel-content:after {
168
168
  position: absolute;
169
169
  top: 45px;
170
170
  right: 0;
@@ -175,42 +175,42 @@
175
175
  background: #e8eaec;
176
176
  content: '';
177
177
  }
178
- .bk-time-picker-with-range .bk-picker-panel-content-right {
178
+ :where(.bk-time-picker-with-range) .bk-picker-panel-content-right {
179
179
  float: right;
180
180
  }
181
- .bk-time-picker-with-range .bk-picker-panel-content-right:after {
181
+ :where(.bk-time-picker-with-range) .bk-picker-panel-content-right:after {
182
182
  right: auto;
183
183
  left: 0;
184
184
  }
185
- .bk-time-picker-with-range .bk-time-picker-cells-list:first-child {
185
+ :where(.bk-time-picker-with-range) .bk-time-picker-cells-list:first-child {
186
186
  border-radius: 0;
187
187
  }
188
- .bk-time-picker-with-range .bk-time-picker-cells-list:last-child {
188
+ :where(.bk-time-picker-with-range) .bk-time-picker-cells-list:last-child {
189
189
  border-radius: 0;
190
190
  }
191
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells {
192
- min-width: 216px;
191
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells {
193
192
  position: relative;
193
+ min-width: 216px;
194
194
  }
195
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds {
195
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-with-seconds {
196
196
  min-width: 216px;
197
197
  }
198
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {
198
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {
199
199
  width: 72px;
200
200
  }
201
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {
201
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {
202
202
  padding: 0;
203
203
  }
204
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list {
204
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list {
205
205
  width: 108px;
206
206
  max-height: 200px;
207
207
  }
208
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child {
208
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list:first-child {
209
209
  border-radius: 0;
210
210
  }
211
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child {
211
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list:last-child {
212
212
  border-radius: 0;
213
213
  }
214
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul {
214
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list ul {
215
215
  padding: 0 0 168px 0;
216
216
  }
package/lib/time-picker/time-picker.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- .@{bk-prefix}-time-picker-header {
3
+ :where(.@{bk-prefix}-time-picker-header) {
4
4
  height: 46px;
5
5
  font-size: 14px;
6
6
  font-weight: 700;
@@ -10,7 +10,7 @@
10
10
  border-bottom: 1px solid #dcdee5;
11
11
  }
12
12
 
13
- .@{bk-prefix}-time-picker-cells {
13
+ :where(.@{bk-prefix}-time-picker-cells) {
14
14
  &:after {
15
15
  position: absolute;
16
16
  right: 0;
@@ -22,7 +22,7 @@
22
22
  color: #3a84ff;
23
23
  text-align: left;
24
24
  pointer-events: none;
25
- background-color: rgba(58,132,255,.16);
25
+ background-color: rgba(58, 132, 255, 0.16);
26
26
  content: '';
27
27
  box-sizing: border-box;
28
28
  box-sizing: border-box;
@@ -30,8 +30,12 @@
30
30
  }
31
31
  }
32
32
 
33
- .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before,
34
- .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(2):before {
33
+ :where(.@{bk-prefix}-time-picker-cells-with-seconds)
34
+ .@{bk-prefix}-time-picker-cells-title-wrapper
35
+ .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before,
36
+ :where(.@{bk-prefix}-time-picker-cells-with-seconds)
37
+ .@{bk-prefix}-time-picker-cells-title-wrapper
38
+ .@{bk-prefix}-time-picker-cells-title:nth-of-type(2):before {
35
39
  position: absolute;
36
40
  top: 55px;
37
41
  left: 85px;
@@ -43,8 +47,12 @@
43
47
  content: '';
44
48
  }
45
49
 
46
- .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after,
47
- .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(2):after {
50
+ :where(.@{bk-prefix}-time-picker-cells-with-seconds)
51
+ .@{bk-prefix}-time-picker-cells-title-wrapper
52
+ .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after,
53
+ :where(.@{bk-prefix}-time-picker-cells-with-seconds)
54
+ .@{bk-prefix}-time-picker-cells-title-wrapper
55
+ .@{bk-prefix}-time-picker-cells-title:nth-of-type(2):after {
48
56
  position: absolute;
49
57
  top: calc(55px + 5px);
50
58
  left: 85px;
@@ -56,13 +64,13 @@
56
64
  content: '';
57
65
  }
58
66
 
59
- .@{bk-prefix}-time-picker-cells-title-wrapper {
67
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) {
60
68
  width: 100%;
61
69
  height: 42px;
62
70
  line-height: 42px;
63
71
  }
64
72
 
65
- .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title {
73
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title {
66
74
  position: relative;
67
75
  float: left;
68
76
  width: 33.33%;
@@ -70,14 +78,14 @@
70
78
  font-weight: 700;
71
79
  color: #63656e;
72
80
  text-align: center;
73
- list-style: none
81
+ list-style: none;
74
82
  }
75
83
 
76
- .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title.active {
84
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title.active {
77
85
  color: #3a84ff;
78
86
  }
79
87
 
80
- .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before {
88
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before {
81
89
  position: absolute;
82
90
  top: 55px;
83
91
  left: 133px;
@@ -89,7 +97,7 @@
89
97
  content: '';
90
98
  }
91
99
 
92
- .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after {
100
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after {
93
101
  position: absolute;
94
102
  top: calc(55px + 5px);
95
103
  left: 133px;
@@ -101,7 +109,7 @@
101
109
  content: '';
102
110
  }
103
111
 
104
- .@{bk-prefix}-time-picker-cells-list {
112
+ :where(.@{bk-prefix}-time-picker-cells-list) {
105
113
  position: relative;
106
114
  float: left;
107
115
  width: 33.33%;
@@ -109,38 +117,38 @@
109
117
  overflow: hidden;
110
118
  }
111
119
 
112
- .@{bk-prefix}-time-picker-cells-list:hover {
120
+ :where(.@{bk-prefix}-time-picker-cells-list:hover) {
113
121
  overflow-y: auto;
114
122
  }
115
123
 
116
- .@{bk-prefix}-time-picker-cells-list:first-child {
124
+ :where(.@{bk-prefix}-time-picker-cells-list:first-child) {
117
125
  border-radius: 2px 0 0 2px;
118
126
  }
119
127
 
120
- .@{bk-prefix}-time-picker-cells-list:last-child {
128
+ :where(.@{bk-prefix}-time-picker-cells-list:last-child) {
121
129
  border-radius: 0 2px 2px 0;
122
130
  }
123
131
 
124
- .@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar {
132
+ :where(.@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar) {
125
133
  width: 0;
126
134
  height: 0;
127
135
  background-color: rgba(204, 204, 204, 0);
128
136
  }
129
137
 
130
- .@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar-thumb {
138
+ :where(.@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar-thumb) {
131
139
  width: 0;
132
140
  height: 0;
133
141
  background-color: transparent;
134
142
  }
135
143
 
136
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul {
144
+ :where(.@{bk-prefix}-time-picker-cells-list) .@{bk-prefix}-time-picker-cells-ul {
137
145
  width: 100%;
138
146
  padding: 0 0 168px 0;
139
147
  margin: 0;
140
148
  list-style: none;
141
149
  }
142
150
 
143
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell {
151
+ :where(.@{bk-prefix}-time-picker-cells-list) .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell {
144
152
  position: relative;
145
153
  width: 100%;
146
154
  height: 32px;
@@ -153,31 +161,41 @@
153
161
  list-style: none;
154
162
  cursor: pointer;
155
163
  box-sizing: content-box;
156
- transition: background .2s ease-in-out;
164
+ transition: background 0.2s ease-in-out;
157
165
  user-select: none;
158
166
  }
159
167
 
160
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell:hover {
168
+ :where(.@{bk-prefix}-time-picker-cells-list)
169
+ .@{bk-prefix}-time-picker-cells-ul
170
+ .@{bk-prefix}-time-picker-cells-cell:hover {
161
171
  color: #3a84ff;
162
172
  }
163
173
 
164
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-disabled {
174
+ :where(.@{bk-prefix}-time-picker-cells-list)
175
+ .@{bk-prefix}-time-picker-cells-ul
176
+ .@{bk-prefix}-time-picker-cells-cell-disabled {
165
177
  color: #c4c6cc;
166
- cursor: not-allowed
178
+ cursor: not-allowed;
167
179
  }
168
180
 
169
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-disabled:hover {
181
+ :where(.@{bk-prefix}-time-picker-cells-list)
182
+ .@{bk-prefix}-time-picker-cells-ul
183
+ .@{bk-prefix}-time-picker-cells-cell-disabled:hover {
170
184
  color: #c4c6cc;
171
185
  cursor: not-allowed;
172
186
  background-color: #fff;
173
187
  }
174
188
 
175
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-selected,
176
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-selected:hover {
189
+ :where(.@{bk-prefix}-time-picker-cells-list)
190
+ .@{bk-prefix}-time-picker-cells-ul
191
+ .@{bk-prefix}-time-picker-cells-cell-selected,
192
+ :where(.@{bk-prefix}-time-picker-cells-list)
193
+ .@{bk-prefix}-time-picker-cells-ul
194
+ .@{bk-prefix}-time-picker-cells-cell-selected:hover {
177
195
  color: #3a84ff;
178
196
  }
179
197
 
180
- .@{bk-prefix}-time-picker-header {
198
+ :where(.@{bk-prefix}-time-picker-header) {
181
199
  height: 46px;
182
200
  font-size: 14px;
183
201
  font-weight: 700;
@@ -187,12 +205,12 @@
187
205
  border-bottom: 1px solid #dcdee5;
188
206
  }
189
207
 
190
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content {
208
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content {
191
209
  position: relative;
192
210
  float: left;
193
211
  }
194
212
 
195
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content:after {
213
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content:after {
196
214
  position: absolute;
197
215
  top: 45px;
198
216
  right: 0;
@@ -204,53 +222,67 @@
204
222
  content: '';
205
223
  }
206
224
 
207
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content-right {
225
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content-right {
208
226
  float: right;
209
227
  }
210
228
 
211
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content-right:after {
229
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content-right:after {
212
230
  right: auto;
213
231
  left: 0;
214
232
  }
215
233
 
216
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-time-picker-cells-list:first-child {
234
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-time-picker-cells-list:first-child {
217
235
  border-radius: 0;
218
236
  }
219
237
 
220
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-time-picker-cells-list:last-child {
238
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-time-picker-cells-list:last-child {
221
239
  border-radius: 0;
222
240
  }
223
241
 
224
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells {
225
- min-width: 216px;
242
+ :where(.@{bk-prefix}-picker-panel-content) .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells {
226
243
  position: relative;
244
+ min-width: 216px;
227
245
  }
228
246
 
229
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-with-seconds {
247
+ :where(.@{bk-prefix}-picker-panel-content)
248
+ .@{bk-prefix}-picker-panel-content
249
+ .@{bk-prefix}-time-picker-cells-with-seconds {
230
250
  min-width: 216px;
231
251
  }
232
252
 
233
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-list {
253
+ :where(.@{bk-prefix}-picker-panel-content)
254
+ .@{bk-prefix}-picker-panel-content
255
+ .@{bk-prefix}-time-picker-cells-with-seconds
256
+ .@{bk-prefix}-time-picker-cells-list {
234
257
  width: 72px;
235
258
  }
236
259
 
237
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-list ul li {
260
+ :where(.@{bk-prefix}-picker-panel-content)
261
+ .@{bk-prefix}-picker-panel-content
262
+ .@{bk-prefix}-time-picker-cells-with-seconds
263
+ .@{bk-prefix}-time-picker-cells-list
264
+ ul
265
+ li {
238
266
  padding: 0;
239
267
  }
240
268
 
241
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list {
269
+ :where(.@{bk-prefix}-picker-panel-content) .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list {
242
270
  width: 108px;
243
271
  max-height: 200px;
244
272
  }
245
273
 
246
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list:first-child {
274
+ :where(.@{bk-prefix}-picker-panel-content)
275
+ .@{bk-prefix}-picker-panel-content
276
+ .@{bk-prefix}-time-picker-cells-list:first-child {
247
277
  border-radius: 0;
248
278
  }
249
279
 
250
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list:last-child {
280
+ :where(.@{bk-prefix}-picker-panel-content)
281
+ .@{bk-prefix}-picker-panel-content
282
+ .@{bk-prefix}-time-picker-cells-list:last-child {
251
283
  border-radius: 0;
252
284
  }
253
285
 
254
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list ul {
286
+ :where(.@{bk-prefix}-picker-panel-content) .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list ul {
255
287
  padding: 0 0 168px 0;
256
288
  }