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/date-picker/date-picker.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- .@{bk-prefix}-date-picker {
3
+ :where(.@{bk-prefix}-date-picker) {
4
4
  display: inline-block;
5
5
  width: 261px;
6
6
  line-height: normal;
@@ -18,7 +18,7 @@
18
18
  }
19
19
  }
20
20
 
21
- .@{bk-prefix}-date-picker-rel {
21
+ :where(.@{bk-prefix}-date-picker-rel) {
22
22
  position: relative;
23
23
 
24
24
  .@{bk-prefix}-date-picker-editor {
@@ -126,7 +126,7 @@
126
126
  }
127
127
  }
128
128
 
129
- .@{bk-prefix}-date-picker-dropdown {
129
+ :where(.@{bk-prefix}-date-picker-dropdown) {
130
130
  position: absolute;
131
131
  z-index: 900;
132
132
  padding: 5px 0 0 0;
@@ -134,17 +134,17 @@
134
134
  background-color: @date-picker-dropdown-bg;
135
135
  border: 1px solid @disable-color;
136
136
  border-radius: 2px;
137
- box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
137
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
138
138
  box-sizing: border-box;
139
139
  }
140
140
 
141
- .@{bk-prefix}-date-picker .@{bk-prefix}-select-dropdown {
141
+ :where(.@{bk-prefix}-date-picker) .@{bk-prefix}-select-dropdown {
142
142
  max-height: none;
143
143
  padding: 0;
144
144
  overflow: visible;
145
145
  }
146
146
 
147
- .@{bk-prefix}-date-picker-footer-wrapper {
147
+ :where(.@{bk-prefix}-date-picker-footer-wrapper) {
148
148
  clear: both;
149
149
  font-size: 14px;
150
150
  color: #979ba5;
@@ -152,20 +152,20 @@
152
152
  border-top: 1px solid #dcdee5;
153
153
  }
154
154
 
155
- .@{bk-prefix}-date-picker-top-wrapper {
155
+ :where(.@{bk-prefix}-date-picker-top-wrapper) {
156
156
  margin-top: -5px;
157
157
  clear: both;
158
158
  font-size: 14px;
159
159
  color: #979ba5;
160
160
  }
161
161
 
162
- .@{bk-prefix}-picker-panel-body-wrapper {
162
+ :where(.@{bk-prefix}-picker-panel-body-wrapper) {
163
163
  &.@{bk-prefix}-picker-panel-with-sidebar {
164
164
  padding-right: 140px;
165
165
  }
166
166
  }
167
167
 
168
- .@{bk-prefix}-picker-panel-sidebar {
168
+ :where(.@{bk-prefix}-picker-panel-sidebar) {
169
169
  position: absolute;
170
170
  top: 0;
171
171
  right: 0;
@@ -200,7 +200,7 @@
200
200
  height: 100%;
201
201
  overflow: auto;
202
202
 
203
- >div {
203
+ > div {
204
204
  height: 32px;
205
205
  padding-left: 30px;
206
206
  line-height: 32px;
@@ -219,11 +219,11 @@
219
219
  }
220
220
  }
221
221
 
222
- .@{bk-prefix}-picker-panel-body {
222
+ :where(.@{bk-prefix}-picker-panel-body) {
223
223
  float: left;
224
224
  }
225
225
 
226
- .@{bk-prefix}-picker-confirm {
226
+ :where(.@{bk-prefix}-picker-confirm) {
227
227
  display: flex;
228
228
  height: 42px;
229
229
  padding: 0 20px;
@@ -264,7 +264,7 @@
264
264
  }
265
265
  }
266
266
 
267
- .@{bk-prefix}-date-picker-header {
267
+ :where(.@{bk-prefix}-date-picker-header) {
268
268
  height: 46px;
269
269
  font-size: 14px;
270
270
  font-weight: 700;
@@ -293,8 +293,7 @@
293
293
  }
294
294
  }
295
295
 
296
-
297
- .@{bk-prefix}-date-picker-cells {
296
+ :where(.@{bk-prefix}-date-picker-cells) {
298
297
  margin: 9px;
299
298
  font-size: 12px;
300
299
  color: #63656e;
@@ -334,23 +333,23 @@
334
333
  }
335
334
  }
336
335
 
337
- .@{bk-prefix}-date-picker-cells-cell:hover em {
336
+ :where(.@{bk-prefix}-date-picker-cells-cell:hover) em {
338
337
  /* background-color: #e1ecff; */
339
338
  background-color: #f0f1f5;
340
339
  }
341
340
 
342
- .@{bk-prefix}-date-picker-cells-focused em {
341
+ :where(.@{bk-prefix}-date-picker-cells-focused) em {
343
342
  color: #3a84ff;
344
343
  box-shadow: 0 0 0 1px #a3c5fd inset;
345
344
  }
346
345
 
347
- .@{bk-prefix}-date-picker-cells-cell-prev-month em,
348
- .@{bk-prefix}-date-picker-cells-cell-next-month em {
346
+ :where(.@{bk-prefix}-date-picker-cells-cell-prev-month) em,
347
+ :where(.@{bk-prefix}-date-picker-cells-cell-next-month) em {
349
348
  color: #c4c6cc;
350
349
  }
351
350
 
352
- .@{bk-prefix}-date-picker-cells-cell-prev-month:hover em,
353
- .@{bk-prefix}-date-picker-cells-cell-next-month:hover em {
351
+ :where(.@{bk-prefix}-date-picker-cells-cell-prev-month:hover) em,
352
+ :where(.@{bk-prefix}-date-picker-cells-cell-next-month:hover) em {
354
353
  background: transparent;
355
354
  }
356
355
 
@@ -376,13 +375,13 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled:hover {
376
375
  background-color: #f0f1f5;
377
376
  }
378
377
 
379
- .@{bk-prefix}-date-picker-cells-cell-today em {
378
+ :where(.@{bk-prefix}-date-picker-cells-cell-today) em {
380
379
  position: relative;
381
380
  color: #3a84ff;
382
381
  box-shadow: 0 0 0 1px #a3c5fd inset;
383
382
  }
384
383
 
385
- .@{bk-prefix}-date-picker-cells-cell-range {
384
+ :where(.@{bk-prefix}-date-picker-cells-cell-range) {
386
385
  position: relative;
387
386
 
388
387
  &:before {
@@ -404,8 +403,8 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled:hover {
404
403
  }
405
404
  }
406
405
 
407
- .@{bk-prefix}-date-picker-cells-cell-selected em,
408
- .@{bk-prefix}-date-picker-cells-cell-selected:hover em {
406
+ :where(.@{bk-prefix}-date-picker-cells-cell-selected) em,
407
+ :where(.@{bk-prefix}-date-picker-cells-cell-selected:hover) em {
409
408
  color: #fff;
410
409
  background-color: #3a84ff;
411
410
  box-shadow: 0 0 0 1px #3a84ff inset;
@@ -416,17 +415,17 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled.@{bk-prefix}-date-picker-cells
416
415
  background: #c4c6cc;
417
416
  }
418
417
 
419
- .@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected em:after {
418
+ :where(.@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected) em:after {
420
419
  background: #fff;
421
420
  }
422
421
 
423
- .@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected em,
424
- .@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected em:hover {
422
+ :where(.@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected) em,
423
+ :where(.@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected) em:hover {
425
424
  box-shadow: 0 0 0 1px #3a84ff inset;
426
425
  }
427
426
 
428
- .@{bk-prefix}-date-picker-cells-year,
429
- .@{bk-prefix}-date-picker-cells-month {
427
+ :where(.@{bk-prefix}-date-picker-cells-year),
428
+ :where(.@{bk-prefix}-date-picker-cells-month) {
430
429
  margin-top: 7px;
431
430
 
432
431
  span {
@@ -446,7 +445,7 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled.@{bk-prefix}-date-picker-cells
446
445
  }
447
446
  }
448
447
 
449
- .@{bk-prefix}-picker-panel-icon-btn {
448
+ :where(.@{bk-prefix}-picker-panel-icon-btn) {
450
449
  display: inline-block;
451
450
  width: 20px;
452
451
  height: 46px;
@@ -454,77 +453,80 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled.@{bk-prefix}-date-picker-cells
454
453
  color: #979ba5;
455
454
  text-align: center;
456
455
  cursor: pointer;
457
- transition: color .2s ease-in-out;
456
+ transition: color 0.2s ease-in-out;
458
457
  }
459
458
 
460
- .@{bk-prefix}-picker-panel-icon-btn:hover {
459
+ :where(.@{bk-prefix}-picker-panel-icon-btn:hover) {
461
460
  color: #2d8cf0;
462
461
  }
463
462
 
464
- .@{bk-prefix}-picker-panel-icon-btn i {
463
+ :where(.@{bk-prefix}-picker-panel-icon-btn) i {
465
464
  font-size: 20px;
466
465
  }
467
466
 
468
- .@{bk-prefix}-date-picker-prev-btn {
467
+ :where(.@{bk-prefix}-date-picker-prev-btn) {
469
468
  float: left;
470
469
  }
471
470
 
472
- .@{bk-prefix}-date-picker-prev-btn-arrow-double {
471
+ :where(.@{bk-prefix}-date-picker-prev-btn-arrow-double) {
473
472
  margin-left: 10px;
474
473
  }
475
474
 
476
- .@{bk-prefix}-date-picker-prev-btn-arrow-double i:after {
475
+ :where(.@{bk-prefix}-date-picker-prev-btn-arrow-double) i:after {
477
476
  margin-left: -8px;
478
477
  }
479
478
 
480
- .@{bk-prefix}-date-picker-next-btn {
479
+ :where(.@{bk-prefix}-date-picker-next-btn) {
481
480
  float: right;
482
481
  }
483
482
 
484
- .@{bk-prefix}-date-picker-next-btn-arrow-double {
483
+ :where(.@{bk-prefix}-date-picker-next-btn-arrow-double) {
485
484
  margin-right: 10px;
486
485
  }
487
486
 
488
- .@{bk-prefix}-date-picker-next-btn-arrow-double i:after {
487
+ :where(.@{bk-prefix}-date-picker-next-btn-arrow-double) i:after {
489
488
  margin-left: -8px;
490
489
  }
491
490
 
492
- .@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-panel-body {
491
+ :where(.@{bk-prefix}-date-picker-with-range) .@{bk-prefix}-picker-panel-body {
493
492
  min-width: 532px;
494
493
  }
495
494
 
496
- .@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-panel-content {
495
+ :where(.@{bk-prefix}-date-picker-with-range) .@{bk-prefix}-picker-panel-content {
497
496
  float: left;
498
497
  }
499
498
 
500
- .@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-cells-show-week-numbers {
499
+ :where(.@{bk-prefix}-date-picker-with-range) .@{bk-prefix}-picker-cells-show-week-numbers {
501
500
  min-width: 492px;
502
501
  }
503
502
 
504
- .@{bk-prefix}-date-picker-transfer {
503
+ :where(.@{bk-prefix}-date-picker-transfer) {
505
504
  z-index: 1060;
506
505
  max-height: none;
507
506
  }
508
507
 
509
-
510
- .@{bk-prefix}-fade-down-transition-enter-from,
511
- .@{bk-prefix}-fade-down-transition-leave-to {
508
+ :where(.@{bk-prefix}-fade-down-transition-enter-from),
509
+ :where(.@{bk-prefix}-fade-down-transition-leave-to) {
512
510
  opacity: 0;
513
511
  transform: translateY(-20px);
514
512
  }
515
513
 
516
- .@{bk-prefix}-fade-down-transition-enter-to,
517
- .@{bk-prefix}-fade-down-transition-leave-from {
514
+ :where(.@{bk-prefix}-fade-down-transition-enter-to),
515
+ :where(.@{bk-prefix}-fade-down-transition-leave-from) {
518
516
  opacity: 1;
519
517
  transform: translateY(0);
520
518
  }
521
519
 
522
- .@{bk-prefix}-fade-down-transition-enter-active {
523
- transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
520
+ :where(.@{bk-prefix}-fade-down-transition-enter-active) {
521
+ transition:
522
+ transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
523
+ opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
524
524
  }
525
525
 
526
- .@{bk-prefix}-fade-down-transition-leave-active {
527
- transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
526
+ :where(.@{bk-prefix}-fade-down-transition-leave-active) {
527
+ transition:
528
+ transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
529
+ opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
528
530
  }
529
531
 
530
532
  // .@{bk-prefix}-zoom-in-top-enter-active,
@@ -546,7 +548,6 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled.@{bk-prefix}-date-picker-cells
546
548
  // transform: scaleY(0)
547
549
  // }
548
550
 
549
-
550
551
  // .@{bk-prefix}-zoom-in-bottom-enter-active,
551
552
  // .@{bk-prefix}-zoom-in-bottom-leave-active {
552
553
  // opacity: 1;