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/loading/loading.css CHANGED
@@ -11,12 +11,12 @@
11
11
  background-color: transparent;
12
12
  }
13
13
  }
14
- .bk-transition .bk-fade-enter-active,
15
- .bk-transition .bk-fade-leave-active {
14
+ :where(.bk-transition) .bk-fade-enter-active,
15
+ :where(.bk-transition) .bk-fade-leave-active {
16
16
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
17
17
  }
18
- .bk-transition .bk-fade-enter,
19
- .bk-transition .bk-fade-leave-to {
18
+ :where(.bk-transition) .bk-fade-enter,
19
+ :where(.bk-transition) .bk-fade-leave-to {
20
20
  opacity: 0;
21
21
  }
22
22
  .clearfix-style::after {
@@ -27,7 +27,7 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
- .bk-popper {
30
+ :where(.bk-popper) {
31
31
  display: none;
32
32
  padding: 7px 14px;
33
33
  font-size: 12px;
@@ -35,62 +35,62 @@
35
35
  background: #333;
36
36
  border-radius: 4px;
37
37
  }
38
- .bk-popper.light {
38
+ :where(.bk-popper).light {
39
39
  color: #63656e;
40
40
  background: #fff;
41
41
  box-shadow: #dcdee5 0 0 6px 0;
42
42
  }
43
- .bk-popper .bk-popper-arrow,
44
- .bk-popper .bk-popper-arrow::before {
43
+ :where(.bk-popper) .bk-popper-arrow,
44
+ :where(.bk-popper) .bk-popper-arrow::before {
45
45
  position: absolute;
46
46
  width: 8px;
47
47
  height: 8px;
48
48
  background: inherit;
49
49
  }
50
- .bk-popper .bk-popper-arrow {
50
+ :where(.bk-popper) .bk-popper-arrow {
51
51
  visibility: hidden;
52
52
  }
53
- .bk-popper .bk-popper-arrow::before {
53
+ :where(.bk-popper) .bk-popper-arrow::before {
54
54
  content: '';
55
55
  visibility: visible;
56
56
  transform: rotate(45deg);
57
57
  }
58
- .bk-popper[data-show] {
58
+ :where(.bk-popper)[data-show] {
59
59
  display: block;
60
60
  }
61
- .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
61
+ :where(.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow) {
62
62
  bottom: -4px;
63
63
  }
64
- .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
64
+ :where(.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow) {
65
65
  top: -4px;
66
66
  }
67
- .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
67
+ :where(.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow) {
68
68
  right: -4px;
69
69
  }
70
- .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
70
+ :where(.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow) {
71
71
  left: -4px;
72
72
  }
73
- .bk-loading-wrapper {
73
+ :where(.bk-loading-wrapper) {
74
74
  position: static;
75
75
  vertical-align: middle;
76
76
  }
77
- .bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {
77
+ :where(.bk-loading-wrapper):not(.bk-nested-loading):not(.bk-directive-loading) {
78
78
  display: inline-flex;
79
79
  }
80
- .bk-loading-wrapper.bk-directive-loading {
80
+ :where(.bk-loading-wrapper).bk-directive-loading {
81
81
  width: 100%;
82
82
  height: 100%;
83
83
  }
84
- .bk-loading-wrapper.bk-directive-loading,
85
- .bk-loading-wrapper.bk-nested-loading {
84
+ :where(.bk-loading-wrapper).bk-directive-loading,
85
+ :where(.bk-loading-wrapper).bk-nested-loading {
86
86
  position: relative;
87
87
  }
88
- .bk-loading-wrapper.bk-directive-loading.is-block,
89
- .bk-loading-wrapper.bk-nested-loading.is-block {
88
+ :where(.bk-loading-wrapper).bk-directive-loading.is-block,
89
+ :where(.bk-loading-wrapper).bk-nested-loading.is-block {
90
90
  display: block;
91
91
  }
92
- .bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,
93
- .bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {
92
+ :where(.bk-loading-wrapper).bk-directive-loading .bk-loading-indicator,
93
+ :where(.bk-loading-wrapper).bk-nested-loading .bk-loading-indicator {
94
94
  position: absolute;
95
95
  top: 50%;
96
96
  left: 50%;
@@ -98,7 +98,7 @@
98
98
  text-align: center;
99
99
  transform: translate(-50%, -50%);
100
100
  }
101
- .bk-loading-wrapper .dot {
101
+ :where(.bk-loading-wrapper) .dot {
102
102
  display: inline-flex;
103
103
  width: 14px;
104
104
  height: 14px;
@@ -110,7 +110,7 @@
110
110
  animation-name: loading-scale-animate;
111
111
  animation-direction: normal;
112
112
  }
113
- .bk-loading-wrapper .oval {
113
+ :where(.bk-loading-wrapper) .oval {
114
114
  position: absolute;
115
115
  width: 6px;
116
116
  height: 8px;
@@ -121,191 +121,191 @@
121
121
  animation-name: fade;
122
122
  transform-origin: center 24px;
123
123
  }
124
- .bk-loading-wrapper .bk-loading-mask {
124
+ :where(.bk-loading-wrapper) .bk-loading-mask {
125
125
  position: absolute;
126
126
  top: 0;
127
127
  left: 0;
128
128
  width: 100%;
129
129
  height: 100%;
130
130
  }
131
- .bk-loading-wrapper .bk-loading-indicator {
131
+ :where(.bk-loading-wrapper) .bk-loading-indicator {
132
132
  display: flex;
133
133
  line-height: 1;
134
134
  text-align: center;
135
135
  flex-direction: column;
136
136
  }
137
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
138
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
139
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,
140
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
141
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
142
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
137
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-success .oval,
138
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-success .dot,
139
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-success .dot-1,
140
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-success .dot-2,
141
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-success .dot-3,
142
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-success .dot-4 {
143
143
  background-color: #2dcb56;
144
144
  }
145
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
146
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
147
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,
148
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
149
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
150
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
145
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-danger .oval,
146
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-danger .dot,
147
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-danger .dot-1,
148
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-danger .dot-2,
149
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-danger .dot-3,
150
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-danger .dot-4 {
151
151
  background-color: #ea3636;
152
152
  }
153
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
154
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
155
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,
156
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
157
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
158
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
153
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-warning .oval,
154
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-warning .dot,
155
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-warning .dot-1,
156
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-warning .dot-2,
157
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-warning .dot-3,
158
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-warning .dot-4 {
159
159
  background-color: #ff9c01;
160
160
  }
161
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
162
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
163
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,
164
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
165
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
166
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
161
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-primary .oval,
162
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-primary .dot,
163
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-primary .dot-1,
164
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-primary .dot-2,
165
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-primary .dot-3,
166
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-primary .dot-4 {
167
167
  background-color: #3a84ff;
168
168
  }
169
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
170
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
171
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,
172
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
173
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
174
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
169
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-white .oval,
170
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-white .dot,
171
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-white .dot-1,
172
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-white .dot-2,
173
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-white .dot-3,
174
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-white .dot-4 {
175
175
  background-color: white;
176
176
  }
177
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
178
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
179
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,
180
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
181
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
182
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
177
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-default .oval,
178
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-default .dot,
179
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-default .dot-1,
180
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-default .dot-2,
181
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-default .dot-3,
182
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-default .dot-4 {
183
183
  background-color: #c4c6cc;
184
184
  }
185
- .bk-loading-wrapper .bk-loading-indicator .dot-1 {
185
+ :where(.bk-loading-wrapper) .bk-loading-indicator .dot-1 {
186
186
  background-color: #ea3636;
187
187
  animation-delay: 0.1s;
188
188
  }
189
- .bk-loading-wrapper .bk-loading-indicator .dot-2 {
189
+ :where(.bk-loading-wrapper) .bk-loading-indicator .dot-2 {
190
190
  background-color: #ff9c01;
191
191
  animation-delay: 0.25s;
192
192
  }
193
- .bk-loading-wrapper .bk-loading-indicator .dot-3 {
193
+ :where(.bk-loading-wrapper) .bk-loading-indicator .dot-3 {
194
194
  background-color: #2dcb56;
195
195
  animation-delay: 0.4s;
196
196
  }
197
- .bk-loading-wrapper .bk-loading-indicator .dot-4 {
197
+ :where(.bk-loading-wrapper) .bk-loading-indicator .dot-4 {
198
198
  background-color: #3a84ff;
199
199
  animation-delay: 0.55s;
200
200
  margin-right: 0px;
201
201
  }
202
- .bk-loading-wrapper .bk-loading-indicator .oval-1 {
202
+ :where(.bk-loading-wrapper) .bk-loading-indicator .oval-1 {
203
203
  transform: rotate(135deg);
204
204
  animation-delay: -0.45s;
205
205
  }
206
- .bk-loading-wrapper .bk-loading-indicator .oval-2 {
206
+ :where(.bk-loading-wrapper) .bk-loading-indicator .oval-2 {
207
207
  transform: rotate(90deg);
208
208
  animation-delay: -0.6s;
209
209
  }
210
- .bk-loading-wrapper .bk-loading-indicator .oval-3 {
210
+ :where(.bk-loading-wrapper) .bk-loading-indicator .oval-3 {
211
211
  transform: rotate(45deg);
212
212
  animation-delay: -0.75s;
213
213
  }
214
- .bk-loading-wrapper .bk-loading-indicator .oval-4 {
214
+ :where(.bk-loading-wrapper) .bk-loading-indicator .oval-4 {
215
215
  transform: rotate(0deg);
216
216
  animation-delay: -0.9s;
217
217
  }
218
- .bk-loading-wrapper .bk-loading-indicator .oval-5 {
218
+ :where(.bk-loading-wrapper) .bk-loading-indicator .oval-5 {
219
219
  transform: rotate(-45deg);
220
220
  animation-delay: -1.05s;
221
221
  }
222
- .bk-loading-wrapper .bk-loading-indicator .oval-6 {
222
+ :where(.bk-loading-wrapper) .bk-loading-indicator .oval-6 {
223
223
  transform: rotate(-90deg);
224
224
  animation-delay: -1.2s;
225
225
  }
226
- .bk-loading-wrapper .bk-loading-indicator .oval-7 {
226
+ :where(.bk-loading-wrapper) .bk-loading-indicator .oval-7 {
227
227
  transform: rotate(-135deg);
228
228
  animation-delay: -1.35s;
229
229
  }
230
- .bk-loading-wrapper .bk-loading-indicator .oval-8 {
230
+ :where(.bk-loading-wrapper) .bk-loading-indicator .oval-8 {
231
231
  transform: rotate(-180deg);
232
232
  animation-delay: -1.5s;
233
233
  }
234
- .bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {
234
+ :where(.bk-loading-wrapper) .bk-loading-indicator .bk-normal-indicator {
235
235
  display: inline-flex;
236
236
  justify-content: center;
237
237
  }
238
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
238
+ :where(.bk-loading-wrapper) .bk-loading-indicator .bk-spin-indicator {
239
239
  position: relative;
240
240
  display: inline-flex;
241
241
  justify-content: center;
242
242
  width: 48px;
243
243
  height: 48px;
244
244
  }
245
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
245
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
246
246
  height: 16px;
247
247
  width: 16px;
248
248
  }
249
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {
249
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-mini .dot {
250
250
  width: 3px;
251
251
  height: 3px;
252
252
  margin-right: 3px;
253
253
  }
254
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
254
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
255
255
  margin-right: 0;
256
256
  }
257
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {
257
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-mini .oval {
258
258
  width: 2px;
259
259
  height: 3px;
260
260
  border-radius: 3px;
261
261
  transform-origin: center 8px;
262
262
  }
263
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
263
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
264
264
  font-size: 14px;
265
265
  }
266
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
266
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
267
267
  height: 32px;
268
268
  width: 32px;
269
269
  }
270
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
270
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-small .dot {
271
271
  width: 6px;
272
272
  height: 6px;
273
273
  margin-right: 6px;
274
274
  }
275
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {
275
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {
276
276
  margin-right: 0;
277
277
  }
278
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {
278
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-small .oval {
279
279
  width: 4px;
280
280
  height: 5px;
281
281
  border-radius: 5px;
282
282
  transform-origin: center 16px;
283
283
  }
284
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
284
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
285
285
  font-size: 12px;
286
286
  }
287
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
287
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
288
288
  height: 68px;
289
289
  width: 68px;
290
290
  }
291
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
291
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-large .dot {
292
292
  width: 20px;
293
293
  height: 20px;
294
294
  margin-right: 12px;
295
295
  }
296
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {
296
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {
297
297
  margin-right: 0;
298
298
  }
299
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {
299
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-large .oval {
300
300
  width: 8px;
301
301
  height: 12px;
302
302
  border-radius: 12px;
303
303
  transform-origin: center 34px;
304
304
  }
305
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
305
+ :where(.bk-loading-wrapper) .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
306
306
  font-size: 14px;
307
307
  }
308
- .bk-loading-wrapper .bk-loading-indicator .bk-loading-title {
308
+ :where(.bk-loading-wrapper) .bk-loading-indicator .bk-loading-title {
309
309
  margin-top: 8px;
310
310
  font-size: 14px;
311
311
  line-height: normal;
package/lib/loading/loading.less CHANGED
@@ -57,7 +57,7 @@
57
57
  default: @light-gray;
58
58
  };
59
59
 
60
- .@{bk-prefix}-loading-wrapper {
60
+ :where(.@{bk-prefix}-loading-wrapper) {
61
61
  position: static;
62
62
  vertical-align: middle;
63
63
  &:not(.@{bk-prefix}-nested-loading):not(.@{bk-prefix}-directive-loading) {
@@ -95,8 +95,8 @@
95
95
  height: @dotSize;
96
96
  margin-right: @dotGap;
97
97
  border-radius: 50%;
98
- transform: scale(.6);
99
- animation-duration: .8s;
98
+ transform: scale(0.6);
99
+ animation-duration: 0.8s;
100
100
  animation-iteration-count: infinite;
101
101
  animation-name: loading-scale-animate;
102
102
  animation-direction: normal;
@@ -195,7 +195,7 @@
195
195
  }
196
196
  }
197
197
  })
198
- .@{bk-prefix}-loading-title {
198
+ .@{bk-prefix}-loading-title {
199
199
  margin-top: @titleMarginTop;
200
200
  font-size: @font-size-medium;
201
201
  line-height: normal;