yunda-element 1.0.0

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 (236) hide show
  1. package/README.md +138 -0
  2. package/lib/button/index.cjs.js +1 -0
  3. package/lib/button/index.esm.js +1 -0
  4. package/lib/button/index.umd.js +1 -0
  5. package/lib/card/index.cjs.js +1 -0
  6. package/lib/card/index.esm.js +1 -0
  7. package/lib/card/index.umd.js +1 -0
  8. package/lib/empty/index.cjs.js +1 -0
  9. package/lib/empty/index.esm.js +1 -0
  10. package/lib/empty/index.umd.js +1 -0
  11. package/lib/hero/index.cjs.js +1 -0
  12. package/lib/hero/index.esm.js +1 -0
  13. package/lib/hero/index.umd.js +1 -0
  14. package/lib/hook/index.cjs.js +1 -0
  15. package/lib/hook/index.esm.js +1 -0
  16. package/lib/hook/index.umd.js +1 -0
  17. package/lib/index.cjs.js +2 -0
  18. package/lib/index.cjs.js.LICENSE.txt +8 -0
  19. package/lib/index.esm.js +2 -0
  20. package/lib/index.esm.js.LICENSE.txt +8 -0
  21. package/lib/index.umd.js +2 -0
  22. package/lib/index.umd.js.LICENSE.txt +8 -0
  23. package/lib/input/index.cjs.js +1 -0
  24. package/lib/input/index.esm.js +1 -0
  25. package/lib/input/index.umd.js +1 -0
  26. package/lib/main/index.cjs.js +1 -0
  27. package/lib/main/index.esm.js +1 -0
  28. package/lib/main/index.umd.js +1 -0
  29. package/lib/search/index.cjs.js +1 -0
  30. package/lib/search/index.esm.js +1 -0
  31. package/lib/search/index.umd.js +1 -0
  32. package/lib/table/index.cjs.js +2 -0
  33. package/lib/table/index.cjs.js.LICENSE.txt +8 -0
  34. package/lib/table/index.esm.js +2 -0
  35. package/lib/table/index.esm.js.LICENSE.txt +8 -0
  36. package/lib/table/index.umd.js +2 -0
  37. package/lib/table/index.umd.js.LICENSE.txt +8 -0
  38. package/lib/yd-theme/alert.css +1 -0
  39. package/lib/yd-theme/alert.css.map +1 -0
  40. package/lib/yd-theme/aside.css +1 -0
  41. package/lib/yd-theme/aside.css.map +1 -0
  42. package/lib/yd-theme/autocomplete.css +1 -0
  43. package/lib/yd-theme/autocomplete.css.map +1 -0
  44. package/lib/yd-theme/avatar.css +1 -0
  45. package/lib/yd-theme/avatar.css.map +1 -0
  46. package/lib/yd-theme/backtop.css +1 -0
  47. package/lib/yd-theme/backtop.css.map +1 -0
  48. package/lib/yd-theme/badge.css +1 -0
  49. package/lib/yd-theme/badge.css.map +1 -0
  50. package/lib/yd-theme/base.css +1 -0
  51. package/lib/yd-theme/base.css.map +1 -0
  52. package/lib/yd-theme/breadcrumb-item.css +0 -0
  53. package/lib/yd-theme/breadcrumb-item.css.map +1 -0
  54. package/lib/yd-theme/breadcrumb.css +1 -0
  55. package/lib/yd-theme/breadcrumb.css.map +1 -0
  56. package/lib/yd-theme/button-group.css +0 -0
  57. package/lib/yd-theme/button-group.css.map +1 -0
  58. package/lib/yd-theme/button.css +1 -0
  59. package/lib/yd-theme/button.css.map +1 -0
  60. package/lib/yd-theme/calendar.css +1 -0
  61. package/lib/yd-theme/calendar.css.map +1 -0
  62. package/lib/yd-theme/card.css +1 -0
  63. package/lib/yd-theme/card.css.map +1 -0
  64. package/lib/yd-theme/carousel-item.css +1 -0
  65. package/lib/yd-theme/carousel-item.css.map +1 -0
  66. package/lib/yd-theme/carousel.css +1 -0
  67. package/lib/yd-theme/carousel.css.map +1 -0
  68. package/lib/yd-theme/cascader-panel.css +1 -0
  69. package/lib/yd-theme/cascader-panel.css.map +1 -0
  70. package/lib/yd-theme/cascader.css +1 -0
  71. package/lib/yd-theme/cascader.css.map +1 -0
  72. package/lib/yd-theme/checkbox-button.css +0 -0
  73. package/lib/yd-theme/checkbox-button.css.map +1 -0
  74. package/lib/yd-theme/checkbox-group.css +0 -0
  75. package/lib/yd-theme/checkbox-group.css.map +1 -0
  76. package/lib/yd-theme/checkbox.css +1 -0
  77. package/lib/yd-theme/checkbox.css.map +1 -0
  78. package/lib/yd-theme/col.css +1 -0
  79. package/lib/yd-theme/col.css.map +1 -0
  80. package/lib/yd-theme/collapse-item.css +0 -0
  81. package/lib/yd-theme/collapse-item.css.map +1 -0
  82. package/lib/yd-theme/collapse.css +1 -0
  83. package/lib/yd-theme/collapse.css.map +1 -0
  84. package/lib/yd-theme/color-picker.css +1 -0
  85. package/lib/yd-theme/color-picker.css.map +1 -0
  86. package/lib/yd-theme/container.css +1 -0
  87. package/lib/yd-theme/container.css.map +1 -0
  88. package/lib/yd-theme/date-picker.css +1 -0
  89. package/lib/yd-theme/date-picker.css.map +1 -0
  90. package/lib/yd-theme/descriptions-item.css +1 -0
  91. package/lib/yd-theme/descriptions-item.css.map +1 -0
  92. package/lib/yd-theme/descriptions.css +1 -0
  93. package/lib/yd-theme/descriptions.css.map +1 -0
  94. package/lib/yd-theme/dialog.css +1 -0
  95. package/lib/yd-theme/dialog.css.map +1 -0
  96. package/lib/yd-theme/display.css +1 -0
  97. package/lib/yd-theme/display.css.map +1 -0
  98. package/lib/yd-theme/divider.css +1 -0
  99. package/lib/yd-theme/divider.css.map +1 -0
  100. package/lib/yd-theme/drawer.css +1 -0
  101. package/lib/yd-theme/drawer.css.map +1 -0
  102. package/lib/yd-theme/dropdown-item.css +0 -0
  103. package/lib/yd-theme/dropdown-item.css.map +1 -0
  104. package/lib/yd-theme/dropdown-menu.css +0 -0
  105. package/lib/yd-theme/dropdown-menu.css.map +1 -0
  106. package/lib/yd-theme/dropdown.css +1 -0
  107. package/lib/yd-theme/dropdown.css.map +1 -0
  108. package/lib/yd-theme/empty.css +1 -0
  109. package/lib/yd-theme/empty.css.map +1 -0
  110. package/lib/yd-theme/fonts/element-icons.ttf +0 -0
  111. package/lib/yd-theme/fonts/element-icons.woff +0 -0
  112. package/lib/yd-theme/footer.css +1 -0
  113. package/lib/yd-theme/footer.css.map +1 -0
  114. package/lib/yd-theme/form-item.css +0 -0
  115. package/lib/yd-theme/form-item.css.map +1 -0
  116. package/lib/yd-theme/form.css +1 -0
  117. package/lib/yd-theme/form.css.map +1 -0
  118. package/lib/yd-theme/header.css +1 -0
  119. package/lib/yd-theme/header.css.map +1 -0
  120. package/lib/yd-theme/hero.css +1 -0
  121. package/lib/yd-theme/hero.css.map +1 -0
  122. package/lib/yd-theme/icon.css +1 -0
  123. package/lib/yd-theme/icon.css.map +1 -0
  124. package/lib/yd-theme/image.css +1 -0
  125. package/lib/yd-theme/image.css.map +1 -0
  126. package/lib/yd-theme/index.css +1 -0
  127. package/lib/yd-theme/index.css.map +1 -0
  128. package/lib/yd-theme/infinite-scroll.css +0 -0
  129. package/lib/yd-theme/infinite-scroll.css.map +1 -0
  130. package/lib/yd-theme/infiniteScroll.css +0 -0
  131. package/lib/yd-theme/infiniteScroll.css.map +1 -0
  132. package/lib/yd-theme/input-number.css +1 -0
  133. package/lib/yd-theme/input-number.css.map +1 -0
  134. package/lib/yd-theme/input.css +1 -0
  135. package/lib/yd-theme/input.css.map +1 -0
  136. package/lib/yd-theme/link.css +1 -0
  137. package/lib/yd-theme/link.css.map +1 -0
  138. package/lib/yd-theme/loading.css +1 -0
  139. package/lib/yd-theme/loading.css.map +1 -0
  140. package/lib/yd-theme/main.css +1 -0
  141. package/lib/yd-theme/main.css.map +1 -0
  142. package/lib/yd-theme/menu-item-group.css +0 -0
  143. package/lib/yd-theme/menu-item-group.css.map +1 -0
  144. package/lib/yd-theme/menu-item.css +0 -0
  145. package/lib/yd-theme/menu-item.css.map +1 -0
  146. package/lib/yd-theme/menu.css +1 -0
  147. package/lib/yd-theme/menu.css.map +1 -0
  148. package/lib/yd-theme/message-box.css +1 -0
  149. package/lib/yd-theme/message-box.css.map +1 -0
  150. package/lib/yd-theme/message.css +1 -0
  151. package/lib/yd-theme/message.css.map +1 -0
  152. package/lib/yd-theme/notification.css +1 -0
  153. package/lib/yd-theme/notification.css.map +1 -0
  154. package/lib/yd-theme/option-group.css +1 -0
  155. package/lib/yd-theme/option-group.css.map +1 -0
  156. package/lib/yd-theme/option.css +1 -0
  157. package/lib/yd-theme/option.css.map +1 -0
  158. package/lib/yd-theme/page-header.css +1 -0
  159. package/lib/yd-theme/page-header.css.map +1 -0
  160. package/lib/yd-theme/pagination.css +1 -0
  161. package/lib/yd-theme/pagination.css.map +1 -0
  162. package/lib/yd-theme/popconfirm.css +1 -0
  163. package/lib/yd-theme/popconfirm.css.map +1 -0
  164. package/lib/yd-theme/popover.css +1 -0
  165. package/lib/yd-theme/popover.css.map +1 -0
  166. package/lib/yd-theme/popper.css +1 -0
  167. package/lib/yd-theme/popper.css.map +1 -0
  168. package/lib/yd-theme/progress.css +1 -0
  169. package/lib/yd-theme/progress.css.map +1 -0
  170. package/lib/yd-theme/radio-button.css +1 -0
  171. package/lib/yd-theme/radio-button.css.map +1 -0
  172. package/lib/yd-theme/radio-group.css +1 -0
  173. package/lib/yd-theme/radio-group.css.map +1 -0
  174. package/lib/yd-theme/radio.css +1 -0
  175. package/lib/yd-theme/radio.css.map +1 -0
  176. package/lib/yd-theme/rate.css +1 -0
  177. package/lib/yd-theme/rate.css.map +1 -0
  178. package/lib/yd-theme/reset.css +1 -0
  179. package/lib/yd-theme/reset.css.map +1 -0
  180. package/lib/yd-theme/result.css +1 -0
  181. package/lib/yd-theme/result.css.map +1 -0
  182. package/lib/yd-theme/row.css +1 -0
  183. package/lib/yd-theme/row.css.map +1 -0
  184. package/lib/yd-theme/scrollbar.css +1 -0
  185. package/lib/yd-theme/scrollbar.css.map +1 -0
  186. package/lib/yd-theme/search.css +1 -0
  187. package/lib/yd-theme/search.css.map +1 -0
  188. package/lib/yd-theme/select-dropdown.css +1 -0
  189. package/lib/yd-theme/select-dropdown.css.map +1 -0
  190. package/lib/yd-theme/select.css +1 -0
  191. package/lib/yd-theme/select.css.map +1 -0
  192. package/lib/yd-theme/skeleton-item.css +1 -0
  193. package/lib/yd-theme/skeleton-item.css.map +1 -0
  194. package/lib/yd-theme/skeleton.css +1 -0
  195. package/lib/yd-theme/skeleton.css.map +1 -0
  196. package/lib/yd-theme/slider.css +1 -0
  197. package/lib/yd-theme/slider.css.map +1 -0
  198. package/lib/yd-theme/spinner.css +1 -0
  199. package/lib/yd-theme/spinner.css.map +1 -0
  200. package/lib/yd-theme/statistic.css +1 -0
  201. package/lib/yd-theme/statistic.css.map +1 -0
  202. package/lib/yd-theme/step.css +1 -0
  203. package/lib/yd-theme/step.css.map +1 -0
  204. package/lib/yd-theme/steps.css +1 -0
  205. package/lib/yd-theme/steps.css.map +1 -0
  206. package/lib/yd-theme/submenu.css +0 -0
  207. package/lib/yd-theme/submenu.css.map +1 -0
  208. package/lib/yd-theme/switch.css +1 -0
  209. package/lib/yd-theme/switch.css.map +1 -0
  210. package/lib/yd-theme/tab-pane.css +0 -0
  211. package/lib/yd-theme/tab-pane.css.map +1 -0
  212. package/lib/yd-theme/table-column.css +1 -0
  213. package/lib/yd-theme/table-column.css.map +1 -0
  214. package/lib/yd-theme/table.css +1 -0
  215. package/lib/yd-theme/table.css.map +1 -0
  216. package/lib/yd-theme/tabs.css +1 -0
  217. package/lib/yd-theme/tabs.css.map +1 -0
  218. package/lib/yd-theme/tag.css +1 -0
  219. package/lib/yd-theme/tag.css.map +1 -0
  220. package/lib/yd-theme/time-picker.css +1 -0
  221. package/lib/yd-theme/time-picker.css.map +1 -0
  222. package/lib/yd-theme/time-select.css +1 -0
  223. package/lib/yd-theme/time-select.css.map +1 -0
  224. package/lib/yd-theme/timeline-item.css +1 -0
  225. package/lib/yd-theme/timeline-item.css.map +1 -0
  226. package/lib/yd-theme/timeline.css +1 -0
  227. package/lib/yd-theme/timeline.css.map +1 -0
  228. package/lib/yd-theme/tooltip.css +1 -0
  229. package/lib/yd-theme/tooltip.css.map +1 -0
  230. package/lib/yd-theme/transfer.css +1 -0
  231. package/lib/yd-theme/transfer.css.map +1 -0
  232. package/lib/yd-theme/tree.css +1 -0
  233. package/lib/yd-theme/tree.css.map +1 -0
  234. package/lib/yd-theme/upload.css +1 -0
  235. package/lib/yd-theme/upload.css.map +1 -0
  236. package/package.json +94 -0
package/lib/yd-theme/spinner.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["mixins/function.scss","common/var.scss","mixins/mixins.scss","spinner.scss","spinner.css"],"names":[],"mappings":"AAEA;6BAAA;ACFA,4BAAA;AAMA;4BAAA;AAUA;4BAAA;AASA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAwCA;4BAAA;AAKA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAMA;4BAAA;AAMA;4BAAA;AAKA;4BAAA;AAiEA;4BAAA;AAgEA;4BAAA;AAsCA;4BAAA;AAwBA;4BAAA;AAwBA;4BAAA;AAsBA;4BAAA;AAoCA;4BAAA;AA8CA;4BAAA;AAgBA;4BAAA;AASA;4BAAA;AAaA;4BAAA;AAsFA;4BAAA;AAIA;4BAAA;AAgBA;4BAAA;AAaA;4BAAA;AAgBA;4BAAA;AAsBA;4BAAA;AAOA;4BAAA;AAiBA;4BAAA;AAcA;4BAAA;AAiBA;4BAAA;AASA;4BAAA;AAMA;4BAAA;AAYA;2BAAA;AAQA;2BAAA;AAkBA;2BAAA;AAMA;2BAAA;AAUA;2BAAA;AAWA;2BAAA;AAoBA;2BAAA;AAOA;2BAAA;AAKA;2BAAA;AAeA;2BAAA;AAmBA;2BAAA;AAmBA;6BAAA;AAIA;2BAAA;AAIA;2BAAA;AAIA;2BAAA;AAMA;2BAAA;AASA;2BAAA;AAsBA;2BAAA;AAQA;4BAAA;AAKA;2BAAA;AAmBA;4BAAA;AAOA;4BAAA;AAOA;2BAAA;AAKA;iBAAA;AAIA;4BAAA;AAaA;2BAAA;ACj/BA;6BAAA;AAgBA;6BAAA;AAsCA;4BAAA;AAkBA;6BAAA;AAuIA;6BAAA;AA1HE;ECrFA,WAAA;EACA,mBAAA;AC6IF;;AFzDE;EChFA,qBAAA;EACA,sBAAA;AC6IF;;AF9DE;EC5EA,oCAAA;EACA,WAAA;EACA,YAAA;AC8IF;AD5IE;EACE,eAAA;EACA,qBAAA;EACA,yCAAA;AC8IJ;;ADzIA;EACE;IACE,yBAAA;EC4IF;AACF;ADzIA;EACE;IACE,wBAAA;IACA,oBAAA;EC2IF;EDzIA;IACE,yBAAA;IACA,sBAAA;EC2IF;EDzIA;IACE,yBAAA;IACA,uBAAA;EC2IF;AACF","file":"spinner.css","sourcesContent":["@import \"config\";\n\n/* BEM support Func\n -------------------------- */\n@function selectorToString($selector) {\n $selector: inspect($selector);\n $selector: str-slice($selector, 2, -2);\n @return $selector;\n}\n\n@function containsModifier($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, $modifier-separator) {\n @return true;\n }\n\n @else {\n @return false;\n }\n}\n\n@function containWhenFlag($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, '.'+ $state-prefix) {\n @return true\n }\n\n @else {\n @return false\n }\n}\n\n@function containPseudoClass($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, ':') {\n @return true\n }\n\n @else {\n @return false\n }\n}\n\n@function hitAllSpecialNestRule($selector) {\n\n @return containsModifier($selector) or containWhenFlag($selector) or containPseudoClass($selector);\n}","/* Element Chalk Variables */\n\n// Special comment for theme configurator\n// type|skipAutoTranslation|Category|Order\n// skipAutoTranslation 1\n\n/* Transition\n-------------------------- */\n$--all-transition: all .3s cubic-bezier(.645, .045, .355, 1) !default;\n$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;\n$--fade-linear-transition: opacity 200ms linear !default;\n$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),\nopacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;\n$--border-transition-base: border-color .2s cubic-bezier(.645, .045, .355, 1) !default;\n$--color-transition-base: color .2s cubic-bezier(.645, .045, .355, 1) !default;\n\n/* Color\n-------------------------- */\n/// color|1|Brand Color|0\n$--color-primary: #409EFF !default;\n/// color|1|Background Color|4\n$--color-white: #FFFFFF !default;\n/// color|1|Background Color|4\n$--color-black: #000000 !default;\n$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default;\n/* 53a8ff */\n$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default;\n/* 66b1ff */\n$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default;\n/* 79bbff */\n$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default;\n/* 8cc5ff */\n$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default;\n/* a0cfff */\n$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default;\n/* b3d8ff */\n$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default;\n/* c6e2ff */\n$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default;\n/* d9ecff */\n$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;\n/* ecf5ff */\n/// color|1|Functional Color|1\n$--color-success: #67C23A !default;\n/// color|1|Functional Color|1\n$--color-warning: #E6A23C !default;\n/// color|1|Functional Color|1\n$--color-danger: #F56C6C !default;\n/// color|1|Functional Color|1\n$--color-info: #909399 !default;\n\n$--color-success-light: mix($--color-white, $--color-success, 80%) !default;\n$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;\n$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;\n$--color-info-light: mix($--color-white, $--color-info, 80%) !default;\n\n$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;\n$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;\n$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;\n$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;\n/// color|1|Font Color|2\n$--color-text-primary: #303133 !default;\n/// color|1|Font Color|2\n$--color-text-regular: #606266 !default;\n/// color|1|Font Color|2\n$--color-text-secondary: #909399 !default;\n/// color|1|Font Color|2\n$--color-text-placeholder: #C0C4CC !default;\n/// color|1|Border Color|3\n$--border-color-base: #DCDFE6 !default;\n/// color|1|Border Color|3\n$--border-color-light: #E4E7ED !default;\n/// color|1|Border Color|3\n$--border-color-lighter: #EBEEF5 !default;\n/// color|1|Border Color|3\n$--border-color-extra-light: #F2F6FC !default;\n\n// Background\n/// color|1|Background Color|4\n$--background-color-base: #F5F7FA !default;\n\n/* Link\n-------------------------- */\n$--link-color: $--color-primary-light-2 !default;\n$--link-hover-color: $--color-primary !default;\n\n/* Border\n-------------------------- */\n$--border-width-base: 1px !default;\n$--border-style-base: solid !default;\n$--border-color-hover: $--color-text-placeholder !default;\n$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;\n/// borderRadius|1|Radius|0\n$--border-radius-base: 4px !default;\n/// borderRadius|1|Radius|0\n$--border-radius-small: 2px !default;\n/// borderRadius|1|Radius|0\n$--border-radius-circle: 100% !default;\n/// borderRadius|1|Radius|0\n$--border-radius-zero: 0 !default;\n\n// Box-shadow\n/// boxShadow|1|Shadow|1\n$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12),\n0 0 6px rgba(0, 0, 0, .04) !default;\n// boxShadow|1|Shadow|1\n$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12),\n0 0 6px rgba(0, 0, 0, .12) !default;\n/// boxShadow|1|Shadow|1\n$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;\n\n/* Fill\n-------------------------- */\n$--fill-base: $--color-white !default;\n\n/* Typography\n-------------------------- */\n$--font-path: 'fonts' !default;\n$--font-display: 'auto' !default;\n/// fontSize|1|Font Size|0\n$--font-size-extra-large: 20px !default;\n/// fontSize|1|Font Size|0\n$--font-size-large: 18px !default;\n/// fontSize|1|Font Size|0\n$--font-size-medium: 16px !default;\n/// fontSize|1|Font Size|0\n$--font-size-base: 14px !default;\n/// fontSize|1|Font Size|0\n$--font-size-small: 13px !default;\n/// fontSize|1|Font Size|0\n$--font-size-extra-small: 12px !default;\n/// fontWeight|1|Font Weight|1\n$--font-weight-primary: 500 !default;\n/// fontWeight|1|Font Weight|1\n$--font-weight-secondary: 100 !default;\n/// fontLineHeight|1|Line Height|2\n$--font-line-height-primary: 24px !default;\n/// fontLineHeight|1|Line Height|2\n$--font-line-height-secondary: 16px !default;\n$--font-color-disabled-base: #bbb !default;\n/* Size\n-------------------------- */\n$--size-base: 14px !default;\n\n/* z-index\n-------------------------- */\n$--index-normal: 1 !default;\n$--index-top: 1000 !default;\n$--index-popper: 2000 !default;\n\n/* Disable base\n-------------------------- */\n$--disabled-fill-base: $--background-color-base !default;\n$--disabled-color-base: $--color-text-placeholder !default;\n$--disabled-border-base: $--border-color-light !default;\n\n/* Icon\n-------------------------- */\n$--icon-color: #666 !default;\n$--icon-color-base: $--color-info !default;\n\n/* Checkbox\n-------------------------- */\n/// fontSize||Font|1\n$--checkbox-font-size: 14px !default;\n/// fontWeight||Font|1\n$--checkbox-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--checkbox-font-color: $--color-text-regular !default;\n$--checkbox-input-height: 14px !default;\n$--checkbox-input-width: 14px !default;\n/// borderRadius||Border|2\n$--checkbox-border-radius: $--border-radius-small !default;\n/// color||Color|0\n$--checkbox-background-color: $--color-white !default;\n$--checkbox-input-border: $--border-base !default;\n\n/// color||Color|0\n$--checkbox-disabled-border-color: $--border-color-base !default;\n$--checkbox-disabled-input-fill: #edf2fc !default;\n$--checkbox-disabled-icon-color: $--color-text-placeholder !default;\n\n$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default;\n$--checkbox-disabled-checked-input-border-color: $--border-color-base !default;\n$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default;\n\n/// color||Color|0\n$--checkbox-checked-font-color: $--color-primary !default;\n$--checkbox-checked-input-border-color: $--color-primary !default;\n/// color||Color|0\n$--checkbox-checked-background-color: $--color-primary !default;\n$--checkbox-checked-icon-color: $--fill-base !default;\n\n$--checkbox-input-border-color-hover: $--color-primary !default;\n/// height||Other|4\n$--checkbox-bordered-height: 40px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-padding: 9px 20px 9px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;\n$--checkbox-bordered-medium-input-height: 14px !default;\n$--checkbox-bordered-medium-input-width: 14px !default;\n/// height||Other|4\n$--checkbox-bordered-medium-height: 36px !default;\n$--checkbox-bordered-small-input-height: 12px !default;\n$--checkbox-bordered-small-input-width: 12px !default;\n/// height||Other|4\n$--checkbox-bordered-small-height: 32px !default;\n$--checkbox-bordered-mini-input-height: 12px !default;\n$--checkbox-bordered-mini-input-width: 12px !default;\n/// height||Other|4\n$--checkbox-bordered-mini-height: 28px !default;\n\n/// color||Color|0\n$--checkbox-button-checked-background-color: $--color-primary !default;\n/// color||Color|0\n$--checkbox-button-checked-font-color: $--color-white !default;\n/// color||Color|0\n$--checkbox-button-checked-border-color: $--color-primary !default;\n\n\n\n/* Radio\n-------------------------- */\n/// fontSize||Font|1\n$--radio-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--radio-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--radio-font-color: $--color-text-regular !default;\n$--radio-input-height: 14px !default;\n$--radio-input-width: 14px !default;\n/// borderRadius||Border|2\n$--radio-input-border-radius: $--border-radius-circle !default;\n/// color||Color|0\n$--radio-input-background-color: $--color-white !default;\n$--radio-input-border: $--border-base !default;\n/// color||Color|0\n$--radio-input-border-color: $--border-color-base !default;\n/// color||Color|0\n$--radio-icon-color: $--color-white !default;\n\n$--radio-disabled-input-border-color: $--disabled-border-base !default;\n$--radio-disabled-input-fill: $--disabled-fill-base !default;\n$--radio-disabled-icon-color: $--disabled-fill-base !default;\n\n$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;\n$--radio-disabled-checked-input-fill: $--disabled-fill-base !default;\n$--radio-disabled-checked-icon-color: $--color-text-placeholder !default;\n\n/// color||Color|0\n$--radio-checked-font-color: $--color-primary !default;\n/// color||Color|0\n$--radio-checked-input-border-color: $--color-primary !default;\n/// color||Color|0\n$--radio-checked-input-background-color: $--color-white !default;\n/// color||Color|0\n$--radio-checked-icon-color: $--color-primary !default;\n\n$--radio-input-border-color-hover: $--color-primary !default;\n\n$--radio-bordered-height: 40px !default;\n$--radio-bordered-padding: 12px 20px 0 10px !default;\n$--radio-bordered-medium-padding: 10px 20px 0 10px !default;\n$--radio-bordered-small-padding: 8px 15px 0 10px !default;\n$--radio-bordered-mini-padding: 6px 15px 0 10px !default;\n$--radio-bordered-medium-input-height: 14px !default;\n$--radio-bordered-medium-input-width: 14px !default;\n$--radio-bordered-medium-height: 36px !default;\n$--radio-bordered-small-input-height: 12px !default;\n$--radio-bordered-small-input-width: 12px !default;\n$--radio-bordered-small-height: 32px !default;\n$--radio-bordered-mini-input-height: 12px !default;\n$--radio-bordered-mini-input-width: 12px !default;\n$--radio-bordered-mini-height: 28px !default;\n\n/// fontSize||Font|1\n$--radio-button-font-size: $--font-size-base !default;\n/// color||Color|0\n$--radio-button-checked-background-color: $--color-primary !default;\n/// color||Color|0\n$--radio-button-checked-font-color: $--color-white !default;\n/// color||Color|0\n$--radio-button-checked-border-color: $--color-primary !default;\n$--radio-button-disabled-checked-fill: $--border-color-extra-light !default;\n\n/* Select\n-------------------------- */\n$--select-border-color-hover: $--border-color-hover !default;\n$--select-disabled-border: $--disabled-border-base !default;\n/// fontSize||Font|1\n$--select-font-size: $--font-size-base !default;\n$--select-close-hover-color: $--color-text-secondary !default;\n\n$--select-input-color: $--color-text-placeholder !default;\n$--select-multiple-input-color: #666 !default;\n/// color||Color|0\n$--select-input-focus-border-color: $--color-primary !default;\n/// fontSize||Font|1\n$--select-input-font-size: 14px !default;\n\n$--select-option-color: $--color-text-regular !default;\n$--select-option-disabled-color: $--color-text-placeholder !default;\n$--select-option-disabled-background: $--color-white !default;\n/// height||Other|4\n$--select-option-height: 34px !default;\n$--select-option-hover-background: $--background-color-base !default;\n/// color||Color|0\n$--select-option-selected-font-color: $--color-primary !default;\n$--select-option-selected-hover: $--background-color-base !default;\n\n$--select-group-color: $--color-info !default;\n$--select-group-height: 30px !default;\n$--select-group-font-size: 12px !default;\n\n$--select-dropdown-background: $--color-white !default;\n$--select-dropdown-shadow: $--box-shadow-light !default;\n$--select-dropdown-empty-color: #999 !default;\n/// height||Other|4\n$--select-dropdown-max-height: 274px !default;\n$--select-dropdown-padding: 6px 0 !default;\n$--select-dropdown-empty-padding: 10px 0 !default;\n$--select-dropdown-border: solid 1px $--border-color-light !default;\n\n/* Alert\n-------------------------- */\n$--alert-padding: 8px 16px !default;\n/// borderRadius||Border|2\n$--alert-border-radius: $--border-radius-base !default;\n/// fontSize||Font|1\n$--alert-title-font-size: 13px !default;\n/// fontSize||Font|1\n$--alert-description-font-size: 12px !default;\n/// fontSize||Font|1\n$--alert-close-font-size: 12px !default;\n/// fontSize||Font|1\n$--alert-close-customed-font-size: 13px !default;\n\n$--alert-success-color: $--color-success-lighter !default;\n$--alert-info-color: $--color-info-lighter !default;\n$--alert-warning-color: $--color-warning-lighter !default;\n$--alert-danger-color: $--color-danger-lighter !default;\n\n/// height||Other|4\n$--alert-icon-size: 16px !default;\n/// height||Other|4\n$--alert-icon-large-size: 28px !default;\n\n/* MessageBox\n-------------------------- */\n/// color||Color|0\n$--messagebox-title-color: $--color-text-primary !default;\n$--msgbox-width: 420px !default;\n$--msgbox-border-radius: 4px !default;\n/// fontSize||Font|1\n$--messagebox-font-size: $--font-size-large !default;\n/// fontSize||Font|1\n$--messagebox-content-font-size: $--font-size-base !default;\n/// color||Color|0\n$--messagebox-content-color: $--color-text-regular !default;\n/// fontSize||Font|1\n$--messagebox-error-font-size: 12px !default;\n$--msgbox-padding-primary: 15px !default;\n/// color||Color|0\n$--messagebox-success-color: $--color-success !default;\n/// color||Color|0\n$--messagebox-info-color: $--color-info !default;\n/// color||Color|0\n$--messagebox-warning-color: $--color-warning !default;\n/// color||Color|0\n$--messagebox-danger-color: $--color-danger !default;\n\n/* Message\n-------------------------- */\n$--message-shadow: $--box-shadow-base !default;\n$--message-min-width: 380px !default;\n$--message-background-color: #edf2fc !default;\n$--message-padding: 15px 15px 15px 20px !default;\n/// color||Color|0\n$--message-close-icon-color: $--color-text-placeholder !default;\n/// height||Other|4\n$--message-close-size: 16px !default;\n/// color||Color|0\n$--message-close-hover-color: $--color-text-secondary !default;\n\n/// color||Color|0\n$--message-success-font-color: $--color-success !default;\n/// color||Color|0\n$--message-info-font-color: $--color-info !default;\n/// color||Color|0\n$--message-warning-font-color: $--color-warning !default;\n/// color||Color|0\n$--message-danger-font-color: $--color-danger !default;\n\n/* Notification\n-------------------------- */\n$--notification-width: 330px !default;\n/// padding||Spacing|3\n$--notification-padding: 14px 26px 14px 13px !default;\n$--notification-radius: 8px !default;\n$--notification-shadow: $--box-shadow-light !default;\n/// color||Color|0\n$--notification-border-color: $--border-color-lighter !default;\n$--notification-icon-size: 24px !default;\n$--notification-close-font-size: $--message-close-size !default;\n$--notification-group-margin-left: 13px !default;\n$--notification-group-margin-right: 8px !default;\n/// fontSize||Font|1\n$--notification-content-font-size: $--font-size-base !default;\n/// color||Color|0\n$--notification-content-color: $--color-text-regular !default;\n/// fontSize||Font|1\n$--notification-title-font-size: 16px !default;\n/// color||Color|0\n$--notification-title-color: $--color-text-primary !default;\n\n/// color||Color|0\n$--notification-close-color: $--color-text-secondary !default;\n/// color||Color|0\n$--notification-close-hover-color: $--color-text-regular !default;\n\n/// color||Color|0\n$--notification-success-icon-color: $--color-success !default;\n/// color||Color|0\n$--notification-info-icon-color: $--color-info !default;\n/// color||Color|0\n$--notification-warning-icon-color: $--color-warning !default;\n/// color||Color|0\n$--notification-danger-icon-color: $--color-danger !default;\n\n/* Input\n-------------------------- */\n$--input-font-size: $--font-size-base !default;\n/// color||Color|0\n$--input-font-color: $--color-text-regular !default;\n/// height||Other|4\n$--input-height: 40px !default;\n$--input-border: $--border-base !default;\n$--input-border-color: $--border-color-base !default;\n/// borderRadius||Border|2\n$--input-border-radius: $--border-radius-base !default;\n$--input-border-color-hover: $--border-color-hover !default;\n/// color||Color|0\n$--input-background-color: $--color-white !default;\n$--input-fill-disabled: $--disabled-fill-base !default;\n$--input-color-disabled: $--font-color-disabled-base !default;\n/// color||Color|0\n$--input-icon-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--input-placeholder-color: $--color-text-placeholder !default;\n$--input-max-width: 314px !default;\n\n$--input-hover-border: $--border-color-hover !default;\n$--input-clear-hover-color: $--color-text-secondary !default;\n\n$--input-focus-border: $--color-primary !default;\n$--input-focus-fill: $--color-white !default;\n\n$--input-disabled-fill: $--disabled-fill-base !default;\n$--input-disabled-border: $--disabled-border-base !default;\n$--input-disabled-color: $--disabled-color-base !default;\n$--input-disabled-placeholder-color: $--color-text-placeholder !default;\n\n/// fontSize||Font|1\n$--input-medium-font-size: 14px !default;\n/// height||Other|4\n$--input-medium-height: 36px !default;\n/// fontSize||Font|1\n$--input-small-font-size: 13px !default;\n/// height||Other|4\n$--input-small-height: 32px !default;\n/// fontSize||Font|1\n$--input-mini-font-size: 12px !default;\n/// height||Other|4\n$--input-mini-height: 28px !default;\n\n/* Cascader\n-------------------------- */\n/// color||Color|0\n$--cascader-menu-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--cascader-menu-selected-font-color: $--color-primary !default;\n$--cascader-menu-fill: $--fill-base !default;\n$--cascader-menu-font-size: $--font-size-base !default;\n$--cascader-menu-radius: $--border-radius-base !default;\n$--cascader-menu-border: solid 1px $--border-color-light !default;\n$--cascader-menu-shadow: $--box-shadow-light !default;\n$--cascader-node-background-hover: $--background-color-base !default;\n$--cascader-node-color-disabled:$--color-text-placeholder !default;\n$--cascader-color-empty:$--color-text-placeholder !default;\n$--cascader-tag-background: #f0f2f5;\n\n/* Group\n-------------------------- */\n$--group-option-flex: 0 0 (1/5) * 100% !default;\n$--group-option-offset-bottom: 12px !default;\n$--group-option-fill-hover: rgba($--color-black, 0.06) !default;\n$--group-title-color: $--color-black !default;\n$--group-title-font-size: $--font-size-base !default;\n$--group-title-width: 66px !default;\n\n/* Tab\n-------------------------- */\n$--tab-font-size: $--font-size-base !default;\n$--tab-border-line: 1px solid #e4e4e4 !default;\n$--tab-header-color-active: $--color-text-secondary !default;\n$--tab-header-color-hover: $--color-text-regular !default;\n$--tab-header-color: $--color-text-regular !default;\n$--tab-header-fill-active: rgba($--color-black, 0.06) !default;\n$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;\n$--tab-vertical-header-width: 90px !default;\n$--tab-vertical-header-count-color: $--color-white !default;\n$--tab-vertical-header-count-fill: $--color-text-secondary !default;\n\n/* Button\n-------------------------- */\n/// fontSize||Font|1\n$--button-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--button-font-weight: $--font-weight-primary !default;\n/// borderRadius||Border|2\n$--button-border-radius: $--border-radius-base !default;\n/// padding||Spacing|3\n$--button-padding-vertical: 12px !default;\n/// padding||Spacing|3\n$--button-padding-horizontal: 20px !default;\n\n/// fontSize||Font|1\n$--button-medium-font-size: $--font-size-base !default;\n/// borderRadius||Border|2\n$--button-medium-border-radius: $--border-radius-base !default;\n/// padding||Spacing|3\n$--button-medium-padding-vertical: 10px !default;\n/// padding||Spacing|3\n$--button-medium-padding-horizontal: 20px !default;\n\n/// fontSize||Font|1\n$--button-small-font-size: 12px !default;\n$--button-small-border-radius: #{$--border-radius-base - 1} !default;\n/// padding||Spacing|3\n$--button-small-padding-vertical: 9px !default;\n/// padding||Spacing|3\n$--button-small-padding-horizontal: 15px !default;\n/// fontSize||Font|1\n$--button-mini-font-size: 12px !default;\n$--button-mini-border-radius: #{$--border-radius-base - 1} !default;\n/// padding||Spacing|3\n$--button-mini-padding-vertical: 7px !default;\n/// padding||Spacing|3\n$--button-mini-padding-horizontal: 15px !default;\n\n/// color||Color|0\n$--button-default-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--button-default-background-color: $--color-white !default;\n/// color||Color|0\n$--button-default-border-color: $--border-color-base !default;\n\n/// color||Color|0\n$--button-disabled-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--button-disabled-background-color: $--color-white !default;\n/// color||Color|0\n$--button-disabled-border-color: $--border-color-lighter !default;\n\n/// color||Color|0\n$--button-primary-border-color: $--color-primary !default;\n/// color||Color|0\n$--button-primary-font-color: $--color-white !default;\n/// color||Color|0\n$--button-primary-background-color: $--color-primary !default;\n/// color||Color|0\n$--button-success-border-color: $--color-success !default;\n/// color||Color|0\n$--button-success-font-color: $--color-white !default;\n/// color||Color|0\n$--button-success-background-color: $--color-success !default;\n/// color||Color|0\n$--button-warning-border-color: $--color-warning !default;\n/// color||Color|0\n$--button-warning-font-color: $--color-white !default;\n/// color||Color|0\n$--button-warning-background-color: $--color-warning !default;\n/// color||Color|0\n$--button-danger-border-color: $--color-danger !default;\n/// color||Color|0\n$--button-danger-font-color: $--color-white !default;\n/// color||Color|0\n$--button-danger-background-color: $--color-danger !default;\n/// color||Color|0\n$--button-info-border-color: $--color-info !default;\n/// color||Color|0\n$--button-info-font-color: $--color-white !default;\n/// color||Color|0\n$--button-info-background-color: $--color-info !default;\n\n$--button-hover-tint-percent: 20% !default;\n$--button-active-shade-percent: 10% !default;\n\n\n/* cascader\n-------------------------- */\n$--cascader-height: 200px !default;\n\n/* Switch\n-------------------------- */\n/// color||Color|0\n$--switch-on-color: $--color-primary !default;\n/// color||Color|0\n$--switch-off-color: $--border-color-base !default;\n/// fontSize||Font|1\n$--switch-font-size: $--font-size-base !default;\n$--switch-core-border-radius: 10px !default;\n// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义\n$--switch-width: 40px !default;\n// height||Other|4\n$--switch-height: 20px !default;\n// height||Other|4\n$--switch-button-size: 16px !default;\n\n/* Dialog\n-------------------------- */\n$--dialog-background-color: $--color-white !default;\n$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;\n/// fontSize||Font|1\n$--dialog-title-font-size: $--font-size-large !default;\n/// fontSize||Font|1\n$--dialog-content-font-size: 14px !default;\n/// fontLineHeight||LineHeight|2\n$--dialog-font-line-height: $--font-line-height-primary !default;\n/// padding||Spacing|3\n$--dialog-padding-primary: 20px !default;\n\n/* Table\n-------------------------- */\n/// color||Color|0\n$--table-border-color: $--border-color-lighter !default;\n$--table-border: 1px solid $--table-border-color !default;\n/// color||Color|0\n$--table-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--table-header-font-color: $--color-text-secondary !default;\n/// color||Color|0\n$--table-row-hover-background-color: $--background-color-base !default;\n$--table-current-row-background-color: $--color-primary-light-9 !default;\n/// color||Color|0\n$--table-header-background-color: $--color-white !default;\n$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;\n\n/* Pagination\n-------------------------- */\n/// fontSize||Font|1\n$--pagination-font-size: 13px !default;\n/// color||Color|0\n$--pagination-background-color: $--color-white !default;\n/// color||Color|0\n$--pagination-font-color: $--color-text-primary !default;\n$--pagination-border-radius: 3px !default;\n/// color||Color|0\n$--pagination-button-color: $--color-text-primary !default;\n/// height||Other|4\n$--pagination-button-width: 35.5px !default;\n/// height||Other|4\n$--pagination-button-height: 28px !default;\n/// color||Color|0\n$--pagination-button-disabled-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--pagination-button-disabled-background-color: $--color-white !default;\n/// color||Color|0\n$--pagination-hover-color: $--color-primary !default;\n\n/* Popup\n-------------------------- */\n/// color||Color|0\n$--popup-modal-background-color: $--color-black !default;\n/// opacity||Other|1\n$--popup-modal-opacity: 0.5 !default;\n\n/* Popover\n-------------------------- */\n/// color||Color|0\n$--popover-background-color: $--color-white !default;\n/// fontSize||Font|1\n$--popover-font-size: $--font-size-base !default;\n/// color||Color|0\n$--popover-border-color: $--border-color-lighter !default;\n$--popover-arrow-size: 6px !default;\n/// padding||Spacing|3\n$--popover-padding: 12px !default;\n$--popover-padding-large: 18px 20px !default;\n/// fontSize||Font|1\n$--popover-title-font-size: 16px !default;\n/// color||Color|0\n$--popover-title-font-color: $--color-text-primary !default;\n\n/* Tooltip\n-------------------------- */\n/// color|1|Color|0\n$--tooltip-fill: $--color-text-primary !default;\n/// color|1|Color|0\n$--tooltip-color: $--color-white !default;\n/// fontSize||Font|1\n$--tooltip-font-size: 12px !default;\n/// color||Color|0\n$--tooltip-border-color: $--color-text-primary !default;\n$--tooltip-arrow-size: 6px !default;\n/// padding||Spacing|3\n$--tooltip-padding: 10px !default;\n\n/* Tag\n-------------------------- */\n/// color||Color|0\n$--tag-info-color: $--color-info !default;\n/// color||Color|0\n$--tag-primary-color: $--color-primary !default;\n/// color||Color|0\n$--tag-success-color: $--color-success !default;\n/// color||Color|0\n$--tag-warning-color: $--color-warning !default;\n/// color||Color|0\n$--tag-danger-color: $--color-danger !default;\n/// fontSize||Font|1\n$--tag-font-size: 12px !default;\n$--tag-border-radius: 4px !default;\n$--tag-padding: 0 10px !default;\n\n/* Tree\n-------------------------- */\n/// color||Color|0\n$--tree-node-hover-background-color: $--background-color-base !default;\n/// color||Color|0\n$--tree-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--tree-expand-icon-color: $--color-text-placeholder !default;\n\n/* Dropdown\n-------------------------- */\n$--dropdown-menu-box-shadow: $--box-shadow-light !default;\n$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;\n$--dropdown-menuItem-hover-color: $--link-color !default;\n\n/* Badge\n-------------------------- */\n/// color||Color|0\n$--badge-background-color: $--color-danger !default;\n$--badge-radius: 10px !default;\n/// fontSize||Font|1\n$--badge-font-size: 12px !default;\n/// padding||Spacing|3\n$--badge-padding: 6px !default;\n/// height||Other|4\n$--badge-size: 18px !default;\n\n/* Card\n--------------------------*/\n/// color||Color|0\n$--card-border-color: $--border-color-lighter !default;\n$--card-border-radius: 4px !default;\n/// padding||Spacing|3\n$--card-padding: 20px !default;\n\n/* Slider\n--------------------------*/\n/// color||Color|0\n$--slider-main-background-color: $--color-primary !default;\n/// color||Color|0\n$--slider-runway-background-color: $--border-color-light !default;\n$--slider-button-hover-color: mix($--color-primary, black, 97%) !default;\n$--slider-stop-background-color: $--color-white !default;\n$--slider-disable-color: $--color-text-placeholder !default;\n$--slider-margin: 16px 0 !default;\n$--slider-border-radius: 3px !default;\n/// height|1|Other|4\n$--slider-height: 6px !default;\n/// height||Other|4\n$--slider-button-size: 16px !default;\n$--slider-button-wrapper-size: 36px !default;\n$--slider-button-wrapper-offset: -15px !default;\n\n/* Steps\n--------------------------*/\n$--steps-border-color: $--disabled-border-base !default;\n$--steps-border-radius: 4px !default;\n$--steps-padding: 20px !default;\n\n/* Menu\n--------------------------*/\n/// fontSize||Font|1\n$--menu-item-font-size: $--font-size-base !default;\n/// color||Color|0\n$--menu-item-font-color: $--color-text-primary !default;\n/// color||Color|0\n$--menu-background-color: $--color-white !default;\n$--menu-item-hover-fill: $--color-primary-light-9 !default;\n\n/* Rate\n--------------------------*/\n$--rate-height: 20px !default;\n/// fontSize||Font|1\n$--rate-font-size: $--font-size-base !default;\n/// height||Other|3\n$--rate-icon-size: 18px !default;\n/// margin||Spacing|2\n$--rate-icon-margin: 6px !default;\n$--rate-icon-color: $--color-text-placeholder !default;\n\n/* DatePicker\n--------------------------*/\n$--datepicker-font-color: $--color-text-regular !default;\n/// color|1|Color|0\n$--datepicker-off-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--datepicker-header-font-color: $--color-text-regular !default;\n$--datepicker-icon-color: $--color-text-primary !default;\n$--datepicker-border-color: $--disabled-border-base !default;\n$--datepicker-inner-border-color: #e4e4e4 !default;\n/// color||Color|0\n$--datepicker-inrange-background-color: $--border-color-extra-light !default;\n/// color||Color|0\n$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default;\n/// color||Color|0\n$--datepicker-active-color: $--color-primary !default;\n/// color||Color|0\n$--datepicker-hover-font-color: $--color-primary !default;\n$--datepicker-cell-hover-color: #fff !default;\n\n/* Loading\n--------------------------*/\n/// height||Other|4\n$--loading-spinner-size: 42px !default;\n/// height||Other|4\n$--loading-fullscreen-spinner-size: 50px !default;\n\n/* Scrollbar\n--------------------------*/\n$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default;\n$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default;\n\n/* Carousel\n--------------------------*/\n/// fontSize||Font|1\n$--carousel-arrow-font-size: 12px !default;\n$--carousel-arrow-size: 36px !default;\n$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;\n$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;\n/// width||Other|4\n$--carousel-indicator-width: 30px !default;\n/// height||Other|4\n$--carousel-indicator-height: 2px !default;\n$--carousel-indicator-padding-horizontal: 4px !default;\n$--carousel-indicator-padding-vertical: 12px !default;\n$--carousel-indicator-out-color: $--border-color-hover !default;\n\n/* Collapse\n--------------------------*/\n/// color||Color|0\n$--collapse-border-color: $--border-color-lighter !default;\n/// height||Other|4\n$--collapse-header-height: 48px !default;\n/// color||Color|0\n$--collapse-header-background-color: $--color-white !default;\n/// color||Color|0\n$--collapse-header-font-color: $--color-text-primary !default;\n/// fontSize||Font|1\n$--collapse-header-font-size: 13px !default;\n/// color||Color|0\n$--collapse-content-background-color: $--color-white !default;\n/// fontSize||Font|1\n$--collapse-content-font-size: 13px !default;\n/// color||Color|0\n$--collapse-content-font-color: $--color-text-primary !default;\n\n/* Transfer\n--------------------------*/\n$--transfer-border-color: $--border-color-lighter !default;\n$--transfer-border-radius: $--border-radius-base !default;\n/// height||Other|4\n$--transfer-panel-width: 200px !default;\n/// height||Other|4\n$--transfer-panel-header-height: 40px !default;\n/// color||Color|0\n$--transfer-panel-header-background-color: $--background-color-base !default;\n/// height||Other|4\n$--transfer-panel-footer-height: 40px !default;\n/// height||Other|4\n$--transfer-panel-body-height: 246px !default;\n/// height||Other|4\n$--transfer-item-height: 30px !default;\n/// height||Other|4\n$--transfer-filter-height: 32px !default;\n\n/* Header\n --------------------------*/\n$--header-padding: 0 20px !default;\n\n/* Footer\n--------------------------*/\n$--footer-padding: 0 20px !default;\n\n/* Main\n--------------------------*/\n$--main-padding: 20px !default;\n\n/* Timeline\n--------------------------*/\n$--timeline-node-size-normal: 12px !default;\n$--timeline-node-size-large: 14px !default;\n$--timeline-node-color: $--border-color-light !default;\n\n/* Backtop\n--------------------------*/\n/// color||Color|0\n$--backtop-background-color: $--color-white !default;\n/// color||Color|0\n$--backtop-font-color: $--color-primary !default;\n/// color||Color|0\n$--backtop-hover-background-color: $--border-color-extra-light !default;\n\n/* Link\n--------------------------*/\n/// fontSize||Font|1\n$--link-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--link-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--link-default-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--link-default-active-color: $--color-primary !default;\n/// color||Color|0\n$--link-disabled-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--link-primary-font-color: $--color-primary !default;\n/// color||Color|0\n$--link-success-font-color: $--color-success !default;\n/// color||Color|0\n$--link-warning-font-color: $--color-warning !default;\n/// color||Color|0\n$--link-danger-font-color: $--color-danger !default;\n/// color||Color|0\n$--link-info-font-color: $--color-info !default;\n/* Calendar\n--------------------------*/\n/// border||Other|4\n$--calendar-border: $--table-border !default;\n/// color||Other|4\n$--calendar-selected-background-color: #F2F8FE !default;\n$--calendar-cell-width: 85px !default;\n\n/* Form\n-------------------------- */\n/// fontSize||Font|1\n$--form-label-font-size: $--font-size-base !default;\n\n/* Avatar\n--------------------------*/\n/// color||Color|0\n$--avatar-font-color: #fff !default;\n/// color||Color|0\n$--avatar-background-color: #C0C4CC !default;\n/// fontSize||Font Size|1\n$--avatar-text-font-size: 14px !default;\n/// fontSize||Font Size|1\n$--avatar-icon-font-size: 18px !default;\n/// borderRadius||Border|2\n$--avatar-border-radius: $--border-radius-base !default;\n/// size|1|Avatar Size|3\n$--avatar-large-size: 40px !default;\n/// size|1|Avatar Size|3\n$--avatar-medium-size: 36px !default;\n/// size|1|Avatar Size|3\n$--avatar-small-size: 28px !default;\n\n/* Empty\n-------------------------- */\n$--empty-padding: 40px 0 !default;\n$--empty-image-width: 160px !default;\n$--empty-description-margin-top: 20px !default;\n$--empty-bottom-margin-top: 20px !default;\n\n/* Descriptions\n-------------------------- */\n$--descriptions-header-margin-bottom: 20px !default;\n$--descriptions-title-font-size: 16px !default;\n$--descriptions-table-border: 1px solid $--border-color-lighter !default;\n$--descriptions-item-bordered-label-background: #fafafa !default;\n\n/* Skeleton \n--------------------------*/\n$--skeleton-color: #f2f2f2 !default;\n$--skeleton-to-color: #e6e6e6 !default;\n\n/* Svg\n--------------- */\n$--svg-monochrome-grey: #DCDDE0 !default;\n\n/* Result\n-------------------------- */\n$--result-padding: 40px 30px !default;\n$--result-icon-font-size: 64px !default;\n$--result-title-font-size: 20px !default;\n$--result-title-margin-top: 20px !default;\n$--result-subtitle-margin-top: 10px !default;\n$--result-extra-margin-top: 30px !default;\n$--result-info-color: $--color-info !default;\n$--result-success-color: $--color-success !default;\n$--result-warning-color: $--color-warning !default;\n$--result-danger-color: $--color-danger !default;\n\n/* Break-point\n--------------------------*/\n$--sm: 768px !default;\n$--md: 992px !default;\n$--lg: 1200px !default;\n$--xl: 1920px !default;\n\n$--breakpoints: (\n 'xs': (max-width: $--sm - 1),\n 'sm': (min-width: $--sm),\n 'md': (min-width: $--md),\n 'lg': (min-width: $--lg),\n 'xl': (min-width: $--xl)\n) !default;\n\n$--breakpoints-spec: ('xs-only' : (max-width: $--sm - 1),\n 'sm-and-up' : (min-width: $--sm),\n 'sm-only': \"(min-width: #{$--sm}) and (max-width: #{$--md - 1})\",\n 'sm-and-down': (max-width: $--md - 1),\n 'md-and-up' : (min-width: $--md),\n 'md-only': \"(min-width: #{$--md}) and (max-width: #{$--lg - 1})\",\n 'md-and-down': (max-width: $--lg - 1),\n 'lg-and-up' : (min-width: $--lg),\n 'lg-only': \"(min-width: #{$--lg}) and (max-width: #{$--xl - 1})\",\n 'lg-and-down': (max-width: $--xl - 1),\n 'xl-only' : (min-width: $--xl),\n);","@import \"function\";\n@import \"../common/var\";\n\n/* Break-points\n -------------------------- */\n@mixin res($key, $map: $--breakpoints) {\n\n // 循环断点Map，如果存在则返回\n @if map-has-key($map, $key) {\n @media only screen and (#{inspect(map-get($map, $key))}) {\n @content;\n }\n }\n\n @else {\n @warn \"Undefeined points: `#{$map}`\";\n }\n}\n\n/* Scrollbar\n -------------------------- */\n@mixin scroll-bar {\n $--scrollbar-thumb-background: #b4bccc;\n $--scrollbar-track-background: #fff;\n\n &::-webkit-scrollbar {\n z-index: 11;\n width: 6px;\n\n &:horizontal {\n height: 6px;\n }\n\n &-thumb {\n border-radius: 5px;\n width: 6px;\n background: $--scrollbar-thumb-background;\n }\n\n &-corner {\n background: $--scrollbar-track-background;\n }\n\n &-track {\n background: $--scrollbar-track-background;\n\n &-piece {\n background: $--scrollbar-track-background;\n width: 6px;\n }\n }\n }\n}\n\n\n\n\n/** text ellipsis\n --------------------------*/\n@mixin text-ellipsis($lines: 1) {\n @if $lines==1 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @else {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: $lines;\n -webkit-box-orient: vertical;\n }\n}\n\n/* BEM \n -------------------------- */\n@mixin yd($block) {\n $B: $namespace+'-'+$block !global;\n\n .#{$B} {\n @content;\n }\n}\n\n@mixin b($block) {\n $B: 'el-'+$block !global;\n\n .#{$B} {\n @content;\n }\n}\n\n@mixin e($element) {\n $E: $element !global;\n $selector: &;\n $currentSelector: \"\";\n\n @each $unit in $element {\n $currentSelector: #{$currentSelector + \".\" + $B + $element-separator + $unit + \",\"};\n }\n\n @if hitAllSpecialNestRule($selector) {\n @at-root {\n #{$selector} {\n #{$currentSelector} {\n @content;\n }\n }\n }\n }\n\n @else {\n @at-root {\n #{$currentSelector} {\n @content;\n }\n }\n }\n}\n\n@mixin m($modifier) {\n $selector: &;\n $currentSelector: \"\";\n\n @each $unit in $modifier {\n $currentSelector: #{$currentSelector + & + $modifier-separator + $unit + \",\"};\n }\n\n @at-root {\n #{$currentSelector} {\n @content;\n }\n }\n}\n\n@mixin configurable-m($modifier, $E-flag: false) {\n $selector: &;\n $interpolation: '';\n\n @if $E-flag {\n $interpolation: $element-separator + $E-flag;\n }\n\n @at-root {\n #{$selector} {\n .#{$B+$interpolation+$modifier-separator+$modifier} {\n @content;\n }\n }\n }\n}\n\n@mixin spec-selector($specSelector: '', $element: $E, $modifier: false, $block: $B) {\n $modifierCombo: '';\n\n @if $modifier {\n $modifierCombo: $modifier-separator + $modifier;\n }\n\n @at-root {\n #{&}#{$specSelector}.#{$block+$element-separator+$element+$modifierCombo} {\n @content\n }\n }\n}\n\n@mixin meb($modifier: false, $element: $E, $block: $B) {\n $selector: &;\n $modifierCombo: '';\n\n @if $modifier {\n $modifierCombo: $modifier-separator + $modifier;\n }\n\n @at-root {\n #{$selector} {\n .#{$block+$element-separator+$element+$modifierCombo} {\n @content\n }\n }\n }\n}\n\n@mixin when($state) {\n @at-root {\n &.#{$state-prefix + $state} {\n @content;\n }\n }\n}\n\n@mixin extend-rule($name) {\n @extend #{'%shared-'+$name};\n}\n\n@mixin share-rule($name) {\n $rule-name: '%shared-'+$name;\n\n @at-root #{$rule-name} {\n @content\n }\n}\n\n@mixin pseudo($pseudo) {\n @at-root #{&}#{':#{$pseudo}'} {\n@content\n}\n}\n\n/* Placeholder\n -------------------------- */\n@mixin placeholder {\n &::-webkit-input-placeholder {\n @content\n }\n\n &::-moz-placeholder {\n @content\n }\n\n &:-ms-input-placeholder {\n @content\n }\n}","@import \"mixins/mixins\";\n\n@include b(time-spinner) {\n width: 100%;\n white-space: nowrap;\n}\n\n@include b(spinner) {\n display: inline-block;\n vertical-align: middle;\n}\n@include b(spinner-inner) {\n animation: rotate 2s linear infinite;\n width: 50px;\n height: 50px;\n\n & .path {\n stroke: #ececec;\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n}\n","/* BEM support Func\n -------------------------- */\n/* Element Chalk Variables */\n/* Transition\n-------------------------- */\n/* Color\n-------------------------- */\n/* 53a8ff */\n/* 66b1ff */\n/* 79bbff */\n/* 8cc5ff */\n/* a0cfff */\n/* b3d8ff */\n/* c6e2ff */\n/* d9ecff */\n/* ecf5ff */\n/* Link\n-------------------------- */\n/* Border\n-------------------------- */\n/* Fill\n-------------------------- */\n/* Typography\n-------------------------- */\n/* Size\n-------------------------- */\n/* z-index\n-------------------------- */\n/* Disable base\n-------------------------- */\n/* Icon\n-------------------------- */\n/* Checkbox\n-------------------------- */\n/* Radio\n-------------------------- */\n/* Select\n-------------------------- */\n/* Alert\n-------------------------- */\n/* MessageBox\n-------------------------- */\n/* Message\n-------------------------- */\n/* Notification\n-------------------------- */\n/* Input\n-------------------------- */\n/* Cascader\n-------------------------- */\n/* Group\n-------------------------- */\n/* Tab\n-------------------------- */\n/* Button\n-------------------------- */\n/* cascader\n-------------------------- */\n/* Switch\n-------------------------- */\n/* Dialog\n-------------------------- */\n/* Table\n-------------------------- */\n/* Pagination\n-------------------------- */\n/* Popup\n-------------------------- */\n/* Popover\n-------------------------- */\n/* Tooltip\n-------------------------- */\n/* Tag\n-------------------------- */\n/* Tree\n-------------------------- */\n/* Dropdown\n-------------------------- */\n/* Badge\n-------------------------- */\n/* Card\n--------------------------*/\n/* Slider\n--------------------------*/\n/* Steps\n--------------------------*/\n/* Menu\n--------------------------*/\n/* Rate\n--------------------------*/\n/* DatePicker\n--------------------------*/\n/* Loading\n--------------------------*/\n/* Scrollbar\n--------------------------*/\n/* Carousel\n--------------------------*/\n/* Collapse\n--------------------------*/\n/* Transfer\n--------------------------*/\n/* Header\n --------------------------*/\n/* Footer\n--------------------------*/\n/* Main\n--------------------------*/\n/* Timeline\n--------------------------*/\n/* Backtop\n--------------------------*/\n/* Link\n--------------------------*/\n/* Calendar\n--------------------------*/\n/* Form\n-------------------------- */\n/* Avatar\n--------------------------*/\n/* Empty\n-------------------------- */\n/* Descriptions\n-------------------------- */\n/* Skeleton \n--------------------------*/\n/* Svg\n--------------- */\n/* Result\n-------------------------- */\n/* Break-point\n--------------------------*/\n/* Break-points\n -------------------------- */\n/* Scrollbar\n -------------------------- */\n/** text ellipsis\n --------------------------*/\n/* BEM \n -------------------------- */\n/* Placeholder\n -------------------------- */\n.el-time-spinner {\n width: 100%;\n white-space: nowrap;\n}\n\n.el-spinner {\n display: inline-block;\n vertical-align: middle;\n}\n\n.el-spinner-inner {\n animation: rotate 2s linear infinite;\n width: 50px;\n height: 50px;\n}\n.el-spinner-inner .path {\n stroke: #ececec;\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n}"]}
package/lib/yd-theme/statistic.css ADDED
@@ -0,0 +1 @@
1
+ .el-statistic{width:100%;box-sizing:border-box;margin:0;padding:0;color:#000;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";text-align:center}.el-statistic .head{margin-bottom:4px;color:#606266;font-size:13px}.el-statistic .con{font-family:Sans-serif;display:flex;justify-content:center;align-items:center;color:#303133}.el-statistic .con .number{font-size:20px;padding:0 4px}.el-statistic .con span{display:inline-block;margin:0;line-height:100%}
package/lib/yd-theme/statistic.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["mixins/function.scss","common/var.scss","mixins/mixins.scss","statistic.scss","statistic.css"],"names":[],"mappings":"AAEA;6BAAA;ACFA,4BAAA;AAMA;4BAAA;AAUA;4BAAA;AASA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAwCA;4BAAA;AAKA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAMA;4BAAA;AAMA;4BAAA;AAKA;4BAAA;AAiEA;4BAAA;AAgEA;4BAAA;AAsCA;4BAAA;AAwBA;4BAAA;AAwBA;4BAAA;AAsBA;4BAAA;AAoCA;4BAAA;AA8CA;4BAAA;AAgBA;4BAAA;AASA;4BAAA;AAaA;4BAAA;AAsFA;4BAAA;AAIA;4BAAA;AAgBA;4BAAA;AAaA;4BAAA;AAgBA;4BAAA;AAsBA;4BAAA;AAOA;4BAAA;AAiBA;4BAAA;AAcA;4BAAA;AAiBA;4BAAA;AASA;4BAAA;AAMA;4BAAA;AAYA;2BAAA;AAQA;2BAAA;AAkBA;2BAAA;AAMA;2BAAA;AAUA;2BAAA;AAWA;2BAAA;AAoBA;2BAAA;AAOA;2BAAA;AAKA;2BAAA;AAeA;2BAAA;AAmBA;2BAAA;AAmBA;6BAAA;AAIA;2BAAA;AAIA;2BAAA;AAIA;2BAAA;AAMA;2BAAA;AASA;2BAAA;AAsBA;2BAAA;AAQA;4BAAA;AAKA;2BAAA;AAmBA;4BAAA;AAOA;4BAAA;AAOA;2BAAA;AAKA;iBAAA;AAIA;4BAAA;AAaA;2BAAA;ACj/BA;6BAAA;AAgBA;6BAAA;AAsCA;4BAAA;AAkBA;6BAAA;AAuIA;6BAAA;ADlNA,4BAAA;AAMA;4BAAA;AAUA;4BAAA;AASA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAwCA;4BAAA;AAKA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAMA;4BAAA;AAMA;4BAAA;AAKA;4BAAA;AAiEA;4BAAA;AAgEA;4BAAA;AAsCA;4BAAA;AAwBA;4BAAA;AAwBA;4BAAA;AAsBA;4BAAA;AAoCA;4BAAA;AA8CA;4BAAA;AAgBA;4BAAA;AASA;4BAAA;AAaA;4BAAA;AAsFA;4BAAA;AAIA;4BAAA;AAgBA;4BAAA;AAaA;4BAAA;AAgBA;4BAAA;AAsBA;4BAAA;AAOA;4BAAA;AAiBA;4BAAA;AAcA;4BAAA;AAiBA;4BAAA;AASA;4BAAA;AAMA;4BAAA;AAYA;2BAAA;AAQA;2BAAA;AAkBA;2BAAA;AAMA;2BAAA;AAUA;2BAAA;AAWA;2BAAA;AAoBA;2BAAA;AAOA;2BAAA;AAKA;2BAAA;AAeA;2BAAA;AAmBA;2BAAA;AAmBA;6BAAA;AAIA;2BAAA;AAIA;2BAAA;AAIA;2BAAA;AAMA;2BAAA;AASA;2BAAA;AAsBA;2BAAA;AAQA;4BAAA;AAKA;2BAAA;AAmBA;4BAAA;AAOA;4BAAA;AAOA;2BAAA;AAKA;iBAAA;AAIA;4BAAA;AAaA;2BAAA;AC55BE;EClFA,WAAA;EACA,sBAAA;EACA,SAAA;EACA,UAAA;EACA,cFac;EEZd,0BAAA;EACA,gBAAA;EACA,6BAAA;EACA,kBAAA;AC4QF;AD3QE;EACE,kBAAA;EACA,cF8CmB;EE7CnB,eF8GgB;AG+JpB;AD1QE;EACE,uBAAA;EACA,aAAA;EACA,uBApBkB;EAqBlB,mBApBgB;EAqBhB,cFmCmB;AGyOvB;AD3QI;EACE,eF4FoB;EE3FpB,cAAA;AC6QN;AD3QI;EACE,qBAAA;EACA,SAAA;EACA,iBAAA;AC6QN","file":"statistic.css","sourcesContent":["@import \"config\";\n\n/* BEM support Func\n -------------------------- */\n@function selectorToString($selector) {\n $selector: inspect($selector);\n $selector: str-slice($selector, 2, -2);\n @return $selector;\n}\n\n@function containsModifier($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, $modifier-separator) {\n @return true;\n }\n\n @else {\n @return false;\n }\n}\n\n@function containWhenFlag($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, '.'+ $state-prefix) {\n @return true\n }\n\n @else {\n @return false\n }\n}\n\n@function containPseudoClass($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, ':') {\n @return true\n }\n\n @else {\n @return false\n }\n}\n\n@function hitAllSpecialNestRule($selector) {\n\n @return containsModifier($selector) or containWhenFlag($selector) or containPseudoClass($selector);\n}","/* Element Chalk Variables */\n\n// Special comment for theme configurator\n// type|skipAutoTranslation|Category|Order\n// skipAutoTranslation 1\n\n/* Transition\n-------------------------- */\n$--all-transition: all .3s cubic-bezier(.645, .045, .355, 1) !default;\n$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;\n$--fade-linear-transition: opacity 200ms linear !default;\n$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),\nopacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;\n$--border-transition-base: border-color .2s cubic-bezier(.645, .045, .355, 1) !default;\n$--color-transition-base: color .2s cubic-bezier(.645, .045, .355, 1) !default;\n\n/* Color\n-------------------------- */\n/// color|1|Brand Color|0\n$--color-primary: #409EFF !default;\n/// color|1|Background Color|4\n$--color-white: #FFFFFF !default;\n/// color|1|Background Color|4\n$--color-black: #000000 !default;\n$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default;\n/* 53a8ff */\n$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default;\n/* 66b1ff */\n$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default;\n/* 79bbff */\n$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default;\n/* 8cc5ff */\n$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default;\n/* a0cfff */\n$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default;\n/* b3d8ff */\n$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default;\n/* c6e2ff */\n$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default;\n/* d9ecff */\n$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;\n/* ecf5ff */\n/// color|1|Functional Color|1\n$--color-success: #67C23A !default;\n/// color|1|Functional Color|1\n$--color-warning: #E6A23C !default;\n/// color|1|Functional Color|1\n$--color-danger: #F56C6C !default;\n/// color|1|Functional Color|1\n$--color-info: #909399 !default;\n\n$--color-success-light: mix($--color-white, $--color-success, 80%) !default;\n$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;\n$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;\n$--color-info-light: mix($--color-white, $--color-info, 80%) !default;\n\n$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;\n$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;\n$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;\n$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;\n/// color|1|Font Color|2\n$--color-text-primary: #303133 !default;\n/// color|1|Font Color|2\n$--color-text-regular: #606266 !default;\n/// color|1|Font Color|2\n$--color-text-secondary: #909399 !default;\n/// color|1|Font Color|2\n$--color-text-placeholder: #C0C4CC !default;\n/// color|1|Border Color|3\n$--border-color-base: #DCDFE6 !default;\n/// color|1|Border Color|3\n$--border-color-light: #E4E7ED !default;\n/// color|1|Border Color|3\n$--border-color-lighter: #EBEEF5 !default;\n/// color|1|Border Color|3\n$--border-color-extra-light: #F2F6FC !default;\n\n// Background\n/// color|1|Background Color|4\n$--background-color-base: #F5F7FA !default;\n\n/* Link\n-------------------------- */\n$--link-color: $--color-primary-light-2 !default;\n$--link-hover-color: $--color-primary !default;\n\n/* Border\n-------------------------- */\n$--border-width-base: 1px !default;\n$--border-style-base: solid !default;\n$--border-color-hover: $--color-text-placeholder !default;\n$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;\n/// borderRadius|1|Radius|0\n$--border-radius-base: 4px !default;\n/// borderRadius|1|Radius|0\n$--border-radius-small: 2px !default;\n/// borderRadius|1|Radius|0\n$--border-radius-circle: 100% !default;\n/// borderRadius|1|Radius|0\n$--border-radius-zero: 0 !default;\n\n// Box-shadow\n/// boxShadow|1|Shadow|1\n$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12),\n0 0 6px rgba(0, 0, 0, .04) !default;\n// boxShadow|1|Shadow|1\n$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12),\n0 0 6px rgba(0, 0, 0, .12) !default;\n/// boxShadow|1|Shadow|1\n$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;\n\n/* Fill\n-------------------------- */\n$--fill-base: $--color-white !default;\n\n/* Typography\n-------------------------- */\n$--font-path: 'fonts' !default;\n$--font-display: 'auto' !default;\n/// fontSize|1|Font Size|0\n$--font-size-extra-large: 20px !default;\n/// fontSize|1|Font Size|0\n$--font-size-large: 18px !default;\n/// fontSize|1|Font Size|0\n$--font-size-medium: 16px !default;\n/// fontSize|1|Font Size|0\n$--font-size-base: 14px !default;\n/// fontSize|1|Font Size|0\n$--font-size-small: 13px !default;\n/// fontSize|1|Font Size|0\n$--font-size-extra-small: 12px !default;\n/// fontWeight|1|Font Weight|1\n$--font-weight-primary: 500 !default;\n/// fontWeight|1|Font Weight|1\n$--font-weight-secondary: 100 !default;\n/// fontLineHeight|1|Line Height|2\n$--font-line-height-primary: 24px !default;\n/// fontLineHeight|1|Line Height|2\n$--font-line-height-secondary: 16px !default;\n$--font-color-disabled-base: #bbb !default;\n/* Size\n-------------------------- */\n$--size-base: 14px !default;\n\n/* z-index\n-------------------------- */\n$--index-normal: 1 !default;\n$--index-top: 1000 !default;\n$--index-popper: 2000 !default;\n\n/* Disable base\n-------------------------- */\n$--disabled-fill-base: $--background-color-base !default;\n$--disabled-color-base: $--color-text-placeholder !default;\n$--disabled-border-base: $--border-color-light !default;\n\n/* Icon\n-------------------------- */\n$--icon-color: #666 !default;\n$--icon-color-base: $--color-info !default;\n\n/* Checkbox\n-------------------------- */\n/// fontSize||Font|1\n$--checkbox-font-size: 14px !default;\n/// fontWeight||Font|1\n$--checkbox-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--checkbox-font-color: $--color-text-regular !default;\n$--checkbox-input-height: 14px !default;\n$--checkbox-input-width: 14px !default;\n/// borderRadius||Border|2\n$--checkbox-border-radius: $--border-radius-small !default;\n/// color||Color|0\n$--checkbox-background-color: $--color-white !default;\n$--checkbox-input-border: $--border-base !default;\n\n/// color||Color|0\n$--checkbox-disabled-border-color: $--border-color-base !default;\n$--checkbox-disabled-input-fill: #edf2fc !default;\n$--checkbox-disabled-icon-color: $--color-text-placeholder !default;\n\n$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default;\n$--checkbox-disabled-checked-input-border-color: $--border-color-base !default;\n$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default;\n\n/// color||Color|0\n$--checkbox-checked-font-color: $--color-primary !default;\n$--checkbox-checked-input-border-color: $--color-primary !default;\n/// color||Color|0\n$--checkbox-checked-background-color: $--color-primary !default;\n$--checkbox-checked-icon-color: $--fill-base !default;\n\n$--checkbox-input-border-color-hover: $--color-primary !default;\n/// height||Other|4\n$--checkbox-bordered-height: 40px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-padding: 9px 20px 9px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;\n$--checkbox-bordered-medium-input-height: 14px !default;\n$--checkbox-bordered-medium-input-width: 14px !default;\n/// height||Other|4\n$--checkbox-bordered-medium-height: 36px !default;\n$--checkbox-bordered-small-input-height: 12px !default;\n$--checkbox-bordered-small-input-width: 12px !default;\n/// height||Other|4\n$--checkbox-bordered-small-height: 32px !default;\n$--checkbox-bordered-mini-input-height: 12px !default;\n$--checkbox-bordered-mini-input-width: 12px !default;\n/// height||Other|4\n$--checkbox-bordered-mini-height: 28px !default;\n\n/// color||Color|0\n$--checkbox-button-checked-background-color: $--color-primary !default;\n/// color||Color|0\n$--checkbox-button-checked-font-color: $--color-white !default;\n/// color||Color|0\n$--checkbox-button-checked-border-color: $--color-primary !default;\n\n\n\n/* Radio\n-------------------------- */\n/// fontSize||Font|1\n$--radio-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--radio-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--radio-font-color: $--color-text-regular !default;\n$--radio-input-height: 14px !default;\n$--radio-input-width: 14px !default;\n/// borderRadius||Border|2\n$--radio-input-border-radius: $--border-radius-circle !default;\n/// color||Color|0\n$--radio-input-background-color: $--color-white !default;\n$--radio-input-border: $--border-base !default;\n/// color||Color|0\n$--radio-input-border-color: $--border-color-base !default;\n/// color||Color|0\n$--radio-icon-color: $--color-white !default;\n\n$--radio-disabled-input-border-color: $--disabled-border-base !default;\n$--radio-disabled-input-fill: $--disabled-fill-base !default;\n$--radio-disabled-icon-color: $--disabled-fill-base !default;\n\n$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;\n$--radio-disabled-checked-input-fill: $--disabled-fill-base !default;\n$--radio-disabled-checked-icon-color: $--color-text-placeholder !default;\n\n/// color||Color|0\n$--radio-checked-font-color: $--color-primary !default;\n/// color||Color|0\n$--radio-checked-input-border-color: $--color-primary !default;\n/// color||Color|0\n$--radio-checked-input-background-color: $--color-white !default;\n/// color||Color|0\n$--radio-checked-icon-color: $--color-primary !default;\n\n$--radio-input-border-color-hover: $--color-primary !default;\n\n$--radio-bordered-height: 40px !default;\n$--radio-bordered-padding: 12px 20px 0 10px !default;\n$--radio-bordered-medium-padding: 10px 20px 0 10px !default;\n$--radio-bordered-small-padding: 8px 15px 0 10px !default;\n$--radio-bordered-mini-padding: 6px 15px 0 10px !default;\n$--radio-bordered-medium-input-height: 14px !default;\n$--radio-bordered-medium-input-width: 14px !default;\n$--radio-bordered-medium-height: 36px !default;\n$--radio-bordered-small-input-height: 12px !default;\n$--radio-bordered-small-input-width: 12px !default;\n$--radio-bordered-small-height: 32px !default;\n$--radio-bordered-mini-input-height: 12px !default;\n$--radio-bordered-mini-input-width: 12px !default;\n$--radio-bordered-mini-height: 28px !default;\n\n/// fontSize||Font|1\n$--radio-button-font-size: $--font-size-base !default;\n/// color||Color|0\n$--radio-button-checked-background-color: $--color-primary !default;\n/// color||Color|0\n$--radio-button-checked-font-color: $--color-white !default;\n/// color||Color|0\n$--radio-button-checked-border-color: $--color-primary !default;\n$--radio-button-disabled-checked-fill: $--border-color-extra-light !default;\n\n/* Select\n-------------------------- */\n$--select-border-color-hover: $--border-color-hover !default;\n$--select-disabled-border: $--disabled-border-base !default;\n/// fontSize||Font|1\n$--select-font-size: $--font-size-base !default;\n$--select-close-hover-color: $--color-text-secondary !default;\n\n$--select-input-color: $--color-text-placeholder !default;\n$--select-multiple-input-color: #666 !default;\n/// color||Color|0\n$--select-input-focus-border-color: $--color-primary !default;\n/// fontSize||Font|1\n$--select-input-font-size: 14px !default;\n\n$--select-option-color: $--color-text-regular !default;\n$--select-option-disabled-color: $--color-text-placeholder !default;\n$--select-option-disabled-background: $--color-white !default;\n/// height||Other|4\n$--select-option-height: 34px !default;\n$--select-option-hover-background: $--background-color-base !default;\n/// color||Color|0\n$--select-option-selected-font-color: $--color-primary !default;\n$--select-option-selected-hover: $--background-color-base !default;\n\n$--select-group-color: $--color-info !default;\n$--select-group-height: 30px !default;\n$--select-group-font-size: 12px !default;\n\n$--select-dropdown-background: $--color-white !default;\n$--select-dropdown-shadow: $--box-shadow-light !default;\n$--select-dropdown-empty-color: #999 !default;\n/// height||Other|4\n$--select-dropdown-max-height: 274px !default;\n$--select-dropdown-padding: 6px 0 !default;\n$--select-dropdown-empty-padding: 10px 0 !default;\n$--select-dropdown-border: solid 1px $--border-color-light !default;\n\n/* Alert\n-------------------------- */\n$--alert-padding: 8px 16px !default;\n/// borderRadius||Border|2\n$--alert-border-radius: $--border-radius-base !default;\n/// fontSize||Font|1\n$--alert-title-font-size: 13px !default;\n/// fontSize||Font|1\n$--alert-description-font-size: 12px !default;\n/// fontSize||Font|1\n$--alert-close-font-size: 12px !default;\n/// fontSize||Font|1\n$--alert-close-customed-font-size: 13px !default;\n\n$--alert-success-color: $--color-success-lighter !default;\n$--alert-info-color: $--color-info-lighter !default;\n$--alert-warning-color: $--color-warning-lighter !default;\n$--alert-danger-color: $--color-danger-lighter !default;\n\n/// height||Other|4\n$--alert-icon-size: 16px !default;\n/// height||Other|4\n$--alert-icon-large-size: 28px !default;\n\n/* MessageBox\n-------------------------- */\n/// color||Color|0\n$--messagebox-title-color: $--color-text-primary !default;\n$--msgbox-width: 420px !default;\n$--msgbox-border-radius: 4px !default;\n/// fontSize||Font|1\n$--messagebox-font-size: $--font-size-large !default;\n/// fontSize||Font|1\n$--messagebox-content-font-size: $--font-size-base !default;\n/// color||Color|0\n$--messagebox-content-color: $--color-text-regular !default;\n/// fontSize||Font|1\n$--messagebox-error-font-size: 12px !default;\n$--msgbox-padding-primary: 15px !default;\n/// color||Color|0\n$--messagebox-success-color: $--color-success !default;\n/// color||Color|0\n$--messagebox-info-color: $--color-info !default;\n/// color||Color|0\n$--messagebox-warning-color: $--color-warning !default;\n/// color||Color|0\n$--messagebox-danger-color: $--color-danger !default;\n\n/* Message\n-------------------------- */\n$--message-shadow: $--box-shadow-base !default;\n$--message-min-width: 380px !default;\n$--message-background-color: #edf2fc !default;\n$--message-padding: 15px 15px 15px 20px !default;\n/// color||Color|0\n$--message-close-icon-color: $--color-text-placeholder !default;\n/// height||Other|4\n$--message-close-size: 16px !default;\n/// color||Color|0\n$--message-close-hover-color: $--color-text-secondary !default;\n\n/// color||Color|0\n$--message-success-font-color: $--color-success !default;\n/// color||Color|0\n$--message-info-font-color: $--color-info !default;\n/// color||Color|0\n$--message-warning-font-color: $--color-warning !default;\n/// color||Color|0\n$--message-danger-font-color: $--color-danger !default;\n\n/* Notification\n-------------------------- */\n$--notification-width: 330px !default;\n/// padding||Spacing|3\n$--notification-padding: 14px 26px 14px 13px !default;\n$--notification-radius: 8px !default;\n$--notification-shadow: $--box-shadow-light !default;\n/// color||Color|0\n$--notification-border-color: $--border-color-lighter !default;\n$--notification-icon-size: 24px !default;\n$--notification-close-font-size: $--message-close-size !default;\n$--notification-group-margin-left: 13px !default;\n$--notification-group-margin-right: 8px !default;\n/// fontSize||Font|1\n$--notification-content-font-size: $--font-size-base !default;\n/// color||Color|0\n$--notification-content-color: $--color-text-regular !default;\n/// fontSize||Font|1\n$--notification-title-font-size: 16px !default;\n/// color||Color|0\n$--notification-title-color: $--color-text-primary !default;\n\n/// color||Color|0\n$--notification-close-color: $--color-text-secondary !default;\n/// color||Color|0\n$--notification-close-hover-color: $--color-text-regular !default;\n\n/// color||Color|0\n$--notification-success-icon-color: $--color-success !default;\n/// color||Color|0\n$--notification-info-icon-color: $--color-info !default;\n/// color||Color|0\n$--notification-warning-icon-color: $--color-warning !default;\n/// color||Color|0\n$--notification-danger-icon-color: $--color-danger !default;\n\n/* Input\n-------------------------- */\n$--input-font-size: $--font-size-base !default;\n/// color||Color|0\n$--input-font-color: $--color-text-regular !default;\n/// height||Other|4\n$--input-height: 40px !default;\n$--input-border: $--border-base !default;\n$--input-border-color: $--border-color-base !default;\n/// borderRadius||Border|2\n$--input-border-radius: $--border-radius-base !default;\n$--input-border-color-hover: $--border-color-hover !default;\n/// color||Color|0\n$--input-background-color: $--color-white !default;\n$--input-fill-disabled: $--disabled-fill-base !default;\n$--input-color-disabled: $--font-color-disabled-base !default;\n/// color||Color|0\n$--input-icon-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--input-placeholder-color: $--color-text-placeholder !default;\n$--input-max-width: 314px !default;\n\n$--input-hover-border: $--border-color-hover !default;\n$--input-clear-hover-color: $--color-text-secondary !default;\n\n$--input-focus-border: $--color-primary !default;\n$--input-focus-fill: $--color-white !default;\n\n$--input-disabled-fill: $--disabled-fill-base !default;\n$--input-disabled-border: $--disabled-border-base !default;\n$--input-disabled-color: $--disabled-color-base !default;\n$--input-disabled-placeholder-color: $--color-text-placeholder !default;\n\n/// fontSize||Font|1\n$--input-medium-font-size: 14px !default;\n/// height||Other|4\n$--input-medium-height: 36px !default;\n/// fontSize||Font|1\n$--input-small-font-size: 13px !default;\n/// height||Other|4\n$--input-small-height: 32px !default;\n/// fontSize||Font|1\n$--input-mini-font-size: 12px !default;\n/// height||Other|4\n$--input-mini-height: 28px !default;\n\n/* Cascader\n-------------------------- */\n/// color||Color|0\n$--cascader-menu-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--cascader-menu-selected-font-color: $--color-primary !default;\n$--cascader-menu-fill: $--fill-base !default;\n$--cascader-menu-font-size: $--font-size-base !default;\n$--cascader-menu-radius: $--border-radius-base !default;\n$--cascader-menu-border: solid 1px $--border-color-light !default;\n$--cascader-menu-shadow: $--box-shadow-light !default;\n$--cascader-node-background-hover: $--background-color-base !default;\n$--cascader-node-color-disabled:$--color-text-placeholder !default;\n$--cascader-color-empty:$--color-text-placeholder !default;\n$--cascader-tag-background: #f0f2f5;\n\n/* Group\n-------------------------- */\n$--group-option-flex: 0 0 (1/5) * 100% !default;\n$--group-option-offset-bottom: 12px !default;\n$--group-option-fill-hover: rgba($--color-black, 0.06) !default;\n$--group-title-color: $--color-black !default;\n$--group-title-font-size: $--font-size-base !default;\n$--group-title-width: 66px !default;\n\n/* Tab\n-------------------------- */\n$--tab-font-size: $--font-size-base !default;\n$--tab-border-line: 1px solid #e4e4e4 !default;\n$--tab-header-color-active: $--color-text-secondary !default;\n$--tab-header-color-hover: $--color-text-regular !default;\n$--tab-header-color: $--color-text-regular !default;\n$--tab-header-fill-active: rgba($--color-black, 0.06) !default;\n$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;\n$--tab-vertical-header-width: 90px !default;\n$--tab-vertical-header-count-color: $--color-white !default;\n$--tab-vertical-header-count-fill: $--color-text-secondary !default;\n\n/* Button\n-------------------------- */\n/// fontSize||Font|1\n$--button-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--button-font-weight: $--font-weight-primary !default;\n/// borderRadius||Border|2\n$--button-border-radius: $--border-radius-base !default;\n/// padding||Spacing|3\n$--button-padding-vertical: 12px !default;\n/// padding||Spacing|3\n$--button-padding-horizontal: 20px !default;\n\n/// fontSize||Font|1\n$--button-medium-font-size: $--font-size-base !default;\n/// borderRadius||Border|2\n$--button-medium-border-radius: $--border-radius-base !default;\n/// padding||Spacing|3\n$--button-medium-padding-vertical: 10px !default;\n/// padding||Spacing|3\n$--button-medium-padding-horizontal: 20px !default;\n\n/// fontSize||Font|1\n$--button-small-font-size: 12px !default;\n$--button-small-border-radius: #{$--border-radius-base - 1} !default;\n/// padding||Spacing|3\n$--button-small-padding-vertical: 9px !default;\n/// padding||Spacing|3\n$--button-small-padding-horizontal: 15px !default;\n/// fontSize||Font|1\n$--button-mini-font-size: 12px !default;\n$--button-mini-border-radius: #{$--border-radius-base - 1} !default;\n/// padding||Spacing|3\n$--button-mini-padding-vertical: 7px !default;\n/// padding||Spacing|3\n$--button-mini-padding-horizontal: 15px !default;\n\n/// color||Color|0\n$--button-default-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--button-default-background-color: $--color-white !default;\n/// color||Color|0\n$--button-default-border-color: $--border-color-base !default;\n\n/// color||Color|0\n$--button-disabled-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--button-disabled-background-color: $--color-white !default;\n/// color||Color|0\n$--button-disabled-border-color: $--border-color-lighter !default;\n\n/// color||Color|0\n$--button-primary-border-color: $--color-primary !default;\n/// color||Color|0\n$--button-primary-font-color: $--color-white !default;\n/// color||Color|0\n$--button-primary-background-color: $--color-primary !default;\n/// color||Color|0\n$--button-success-border-color: $--color-success !default;\n/// color||Color|0\n$--button-success-font-color: $--color-white !default;\n/// color||Color|0\n$--button-success-background-color: $--color-success !default;\n/// color||Color|0\n$--button-warning-border-color: $--color-warning !default;\n/// color||Color|0\n$--button-warning-font-color: $--color-white !default;\n/// color||Color|0\n$--button-warning-background-color: $--color-warning !default;\n/// color||Color|0\n$--button-danger-border-color: $--color-danger !default;\n/// color||Color|0\n$--button-danger-font-color: $--color-white !default;\n/// color||Color|0\n$--button-danger-background-color: $--color-danger !default;\n/// color||Color|0\n$--button-info-border-color: $--color-info !default;\n/// color||Color|0\n$--button-info-font-color: $--color-white !default;\n/// color||Color|0\n$--button-info-background-color: $--color-info !default;\n\n$--button-hover-tint-percent: 20% !default;\n$--button-active-shade-percent: 10% !default;\n\n\n/* cascader\n-------------------------- */\n$--cascader-height: 200px !default;\n\n/* Switch\n-------------------------- */\n/// color||Color|0\n$--switch-on-color: $--color-primary !default;\n/// color||Color|0\n$--switch-off-color: $--border-color-base !default;\n/// fontSize||Font|1\n$--switch-font-size: $--font-size-base !default;\n$--switch-core-border-radius: 10px !default;\n// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义\n$--switch-width: 40px !default;\n// height||Other|4\n$--switch-height: 20px !default;\n// height||Other|4\n$--switch-button-size: 16px !default;\n\n/* Dialog\n-------------------------- */\n$--dialog-background-color: $--color-white !default;\n$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;\n/// fontSize||Font|1\n$--dialog-title-font-size: $--font-size-large !default;\n/// fontSize||Font|1\n$--dialog-content-font-size: 14px !default;\n/// fontLineHeight||LineHeight|2\n$--dialog-font-line-height: $--font-line-height-primary !default;\n/// padding||Spacing|3\n$--dialog-padding-primary: 20px !default;\n\n/* Table\n-------------------------- */\n/// color||Color|0\n$--table-border-color: $--border-color-lighter !default;\n$--table-border: 1px solid $--table-border-color !default;\n/// color||Color|0\n$--table-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--table-header-font-color: $--color-text-secondary !default;\n/// color||Color|0\n$--table-row-hover-background-color: $--background-color-base !default;\n$--table-current-row-background-color: $--color-primary-light-9 !default;\n/// color||Color|0\n$--table-header-background-color: $--color-white !default;\n$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;\n\n/* Pagination\n-------------------------- */\n/// fontSize||Font|1\n$--pagination-font-size: 13px !default;\n/// color||Color|0\n$--pagination-background-color: $--color-white !default;\n/// color||Color|0\n$--pagination-font-color: $--color-text-primary !default;\n$--pagination-border-radius: 3px !default;\n/// color||Color|0\n$--pagination-button-color: $--color-text-primary !default;\n/// height||Other|4\n$--pagination-button-width: 35.5px !default;\n/// height||Other|4\n$--pagination-button-height: 28px !default;\n/// color||Color|0\n$--pagination-button-disabled-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--pagination-button-disabled-background-color: $--color-white !default;\n/// color||Color|0\n$--pagination-hover-color: $--color-primary !default;\n\n/* Popup\n-------------------------- */\n/// color||Color|0\n$--popup-modal-background-color: $--color-black !default;\n/// opacity||Other|1\n$--popup-modal-opacity: 0.5 !default;\n\n/* Popover\n-------------------------- */\n/// color||Color|0\n$--popover-background-color: $--color-white !default;\n/// fontSize||Font|1\n$--popover-font-size: $--font-size-base !default;\n/// color||Color|0\n$--popover-border-color: $--border-color-lighter !default;\n$--popover-arrow-size: 6px !default;\n/// padding||Spacing|3\n$--popover-padding: 12px !default;\n$--popover-padding-large: 18px 20px !default;\n/// fontSize||Font|1\n$--popover-title-font-size: 16px !default;\n/// color||Color|0\n$--popover-title-font-color: $--color-text-primary !default;\n\n/* Tooltip\n-------------------------- */\n/// color|1|Color|0\n$--tooltip-fill: $--color-text-primary !default;\n/// color|1|Color|0\n$--tooltip-color: $--color-white !default;\n/// fontSize||Font|1\n$--tooltip-font-size: 12px !default;\n/// color||Color|0\n$--tooltip-border-color: $--color-text-primary !default;\n$--tooltip-arrow-size: 6px !default;\n/// padding||Spacing|3\n$--tooltip-padding: 10px !default;\n\n/* Tag\n-------------------------- */\n/// color||Color|0\n$--tag-info-color: $--color-info !default;\n/// color||Color|0\n$--tag-primary-color: $--color-primary !default;\n/// color||Color|0\n$--tag-success-color: $--color-success !default;\n/// color||Color|0\n$--tag-warning-color: $--color-warning !default;\n/// color||Color|0\n$--tag-danger-color: $--color-danger !default;\n/// fontSize||Font|1\n$--tag-font-size: 12px !default;\n$--tag-border-radius: 4px !default;\n$--tag-padding: 0 10px !default;\n\n/* Tree\n-------------------------- */\n/// color||Color|0\n$--tree-node-hover-background-color: $--background-color-base !default;\n/// color||Color|0\n$--tree-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--tree-expand-icon-color: $--color-text-placeholder !default;\n\n/* Dropdown\n-------------------------- */\n$--dropdown-menu-box-shadow: $--box-shadow-light !default;\n$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;\n$--dropdown-menuItem-hover-color: $--link-color !default;\n\n/* Badge\n-------------------------- */\n/// color||Color|0\n$--badge-background-color: $--color-danger !default;\n$--badge-radius: 10px !default;\n/// fontSize||Font|1\n$--badge-font-size: 12px !default;\n/// padding||Spacing|3\n$--badge-padding: 6px !default;\n/// height||Other|4\n$--badge-size: 18px !default;\n\n/* Card\n--------------------------*/\n/// color||Color|0\n$--card-border-color: $--border-color-lighter !default;\n$--card-border-radius: 4px !default;\n/// padding||Spacing|3\n$--card-padding: 20px !default;\n\n/* Slider\n--------------------------*/\n/// color||Color|0\n$--slider-main-background-color: $--color-primary !default;\n/// color||Color|0\n$--slider-runway-background-color: $--border-color-light !default;\n$--slider-button-hover-color: mix($--color-primary, black, 97%) !default;\n$--slider-stop-background-color: $--color-white !default;\n$--slider-disable-color: $--color-text-placeholder !default;\n$--slider-margin: 16px 0 !default;\n$--slider-border-radius: 3px !default;\n/// height|1|Other|4\n$--slider-height: 6px !default;\n/// height||Other|4\n$--slider-button-size: 16px !default;\n$--slider-button-wrapper-size: 36px !default;\n$--slider-button-wrapper-offset: -15px !default;\n\n/* Steps\n--------------------------*/\n$--steps-border-color: $--disabled-border-base !default;\n$--steps-border-radius: 4px !default;\n$--steps-padding: 20px !default;\n\n/* Menu\n--------------------------*/\n/// fontSize||Font|1\n$--menu-item-font-size: $--font-size-base !default;\n/// color||Color|0\n$--menu-item-font-color: $--color-text-primary !default;\n/// color||Color|0\n$--menu-background-color: $--color-white !default;\n$--menu-item-hover-fill: $--color-primary-light-9 !default;\n\n/* Rate\n--------------------------*/\n$--rate-height: 20px !default;\n/// fontSize||Font|1\n$--rate-font-size: $--font-size-base !default;\n/// height||Other|3\n$--rate-icon-size: 18px !default;\n/// margin||Spacing|2\n$--rate-icon-margin: 6px !default;\n$--rate-icon-color: $--color-text-placeholder !default;\n\n/* DatePicker\n--------------------------*/\n$--datepicker-font-color: $--color-text-regular !default;\n/// color|1|Color|0\n$--datepicker-off-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--datepicker-header-font-color: $--color-text-regular !default;\n$--datepicker-icon-color: $--color-text-primary !default;\n$--datepicker-border-color: $--disabled-border-base !default;\n$--datepicker-inner-border-color: #e4e4e4 !default;\n/// color||Color|0\n$--datepicker-inrange-background-color: $--border-color-extra-light !default;\n/// color||Color|0\n$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default;\n/// color||Color|0\n$--datepicker-active-color: $--color-primary !default;\n/// color||Color|0\n$--datepicker-hover-font-color: $--color-primary !default;\n$--datepicker-cell-hover-color: #fff !default;\n\n/* Loading\n--------------------------*/\n/// height||Other|4\n$--loading-spinner-size: 42px !default;\n/// height||Other|4\n$--loading-fullscreen-spinner-size: 50px !default;\n\n/* Scrollbar\n--------------------------*/\n$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default;\n$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default;\n\n/* Carousel\n--------------------------*/\n/// fontSize||Font|1\n$--carousel-arrow-font-size: 12px !default;\n$--carousel-arrow-size: 36px !default;\n$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;\n$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;\n/// width||Other|4\n$--carousel-indicator-width: 30px !default;\n/// height||Other|4\n$--carousel-indicator-height: 2px !default;\n$--carousel-indicator-padding-horizontal: 4px !default;\n$--carousel-indicator-padding-vertical: 12px !default;\n$--carousel-indicator-out-color: $--border-color-hover !default;\n\n/* Collapse\n--------------------------*/\n/// color||Color|0\n$--collapse-border-color: $--border-color-lighter !default;\n/// height||Other|4\n$--collapse-header-height: 48px !default;\n/// color||Color|0\n$--collapse-header-background-color: $--color-white !default;\n/// color||Color|0\n$--collapse-header-font-color: $--color-text-primary !default;\n/// fontSize||Font|1\n$--collapse-header-font-size: 13px !default;\n/// color||Color|0\n$--collapse-content-background-color: $--color-white !default;\n/// fontSize||Font|1\n$--collapse-content-font-size: 13px !default;\n/// color||Color|0\n$--collapse-content-font-color: $--color-text-primary !default;\n\n/* Transfer\n--------------------------*/\n$--transfer-border-color: $--border-color-lighter !default;\n$--transfer-border-radius: $--border-radius-base !default;\n/// height||Other|4\n$--transfer-panel-width: 200px !default;\n/// height||Other|4\n$--transfer-panel-header-height: 40px !default;\n/// color||Color|0\n$--transfer-panel-header-background-color: $--background-color-base !default;\n/// height||Other|4\n$--transfer-panel-footer-height: 40px !default;\n/// height||Other|4\n$--transfer-panel-body-height: 246px !default;\n/// height||Other|4\n$--transfer-item-height: 30px !default;\n/// height||Other|4\n$--transfer-filter-height: 32px !default;\n\n/* Header\n --------------------------*/\n$--header-padding: 0 20px !default;\n\n/* Footer\n--------------------------*/\n$--footer-padding: 0 20px !default;\n\n/* Main\n--------------------------*/\n$--main-padding: 20px !default;\n\n/* Timeline\n--------------------------*/\n$--timeline-node-size-normal: 12px !default;\n$--timeline-node-size-large: 14px !default;\n$--timeline-node-color: $--border-color-light !default;\n\n/* Backtop\n--------------------------*/\n/// color||Color|0\n$--backtop-background-color: $--color-white !default;\n/// color||Color|0\n$--backtop-font-color: $--color-primary !default;\n/// color||Color|0\n$--backtop-hover-background-color: $--border-color-extra-light !default;\n\n/* Link\n--------------------------*/\n/// fontSize||Font|1\n$--link-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--link-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--link-default-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--link-default-active-color: $--color-primary !default;\n/// color||Color|0\n$--link-disabled-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--link-primary-font-color: $--color-primary !default;\n/// color||Color|0\n$--link-success-font-color: $--color-success !default;\n/// color||Color|0\n$--link-warning-font-color: $--color-warning !default;\n/// color||Color|0\n$--link-danger-font-color: $--color-danger !default;\n/// color||Color|0\n$--link-info-font-color: $--color-info !default;\n/* Calendar\n--------------------------*/\n/// border||Other|4\n$--calendar-border: $--table-border !default;\n/// color||Other|4\n$--calendar-selected-background-color: #F2F8FE !default;\n$--calendar-cell-width: 85px !default;\n\n/* Form\n-------------------------- */\n/// fontSize||Font|1\n$--form-label-font-size: $--font-size-base !default;\n\n/* Avatar\n--------------------------*/\n/// color||Color|0\n$--avatar-font-color: #fff !default;\n/// color||Color|0\n$--avatar-background-color: #C0C4CC !default;\n/// fontSize||Font Size|1\n$--avatar-text-font-size: 14px !default;\n/// fontSize||Font Size|1\n$--avatar-icon-font-size: 18px !default;\n/// borderRadius||Border|2\n$--avatar-border-radius: $--border-radius-base !default;\n/// size|1|Avatar Size|3\n$--avatar-large-size: 40px !default;\n/// size|1|Avatar Size|3\n$--avatar-medium-size: 36px !default;\n/// size|1|Avatar Size|3\n$--avatar-small-size: 28px !default;\n\n/* Empty\n-------------------------- */\n$--empty-padding: 40px 0 !default;\n$--empty-image-width: 160px !default;\n$--empty-description-margin-top: 20px !default;\n$--empty-bottom-margin-top: 20px !default;\n\n/* Descriptions\n-------------------------- */\n$--descriptions-header-margin-bottom: 20px !default;\n$--descriptions-title-font-size: 16px !default;\n$--descriptions-table-border: 1px solid $--border-color-lighter !default;\n$--descriptions-item-bordered-label-background: #fafafa !default;\n\n/* Skeleton \n--------------------------*/\n$--skeleton-color: #f2f2f2 !default;\n$--skeleton-to-color: #e6e6e6 !default;\n\n/* Svg\n--------------- */\n$--svg-monochrome-grey: #DCDDE0 !default;\n\n/* Result\n-------------------------- */\n$--result-padding: 40px 30px !default;\n$--result-icon-font-size: 64px !default;\n$--result-title-font-size: 20px !default;\n$--result-title-margin-top: 20px !default;\n$--result-subtitle-margin-top: 10px !default;\n$--result-extra-margin-top: 30px !default;\n$--result-info-color: $--color-info !default;\n$--result-success-color: $--color-success !default;\n$--result-warning-color: $--color-warning !default;\n$--result-danger-color: $--color-danger !default;\n\n/* Break-point\n--------------------------*/\n$--sm: 768px !default;\n$--md: 992px !default;\n$--lg: 1200px !default;\n$--xl: 1920px !default;\n\n$--breakpoints: (\n 'xs': (max-width: $--sm - 1),\n 'sm': (min-width: $--sm),\n 'md': (min-width: $--md),\n 'lg': (min-width: $--lg),\n 'xl': (min-width: $--xl)\n) !default;\n\n$--breakpoints-spec: ('xs-only' : (max-width: $--sm - 1),\n 'sm-and-up' : (min-width: $--sm),\n 'sm-only': \"(min-width: #{$--sm}) and (max-width: #{$--md - 1})\",\n 'sm-and-down': (max-width: $--md - 1),\n 'md-and-up' : (min-width: $--md),\n 'md-only': \"(min-width: #{$--md}) and (max-width: #{$--lg - 1})\",\n 'md-and-down': (max-width: $--lg - 1),\n 'lg-and-up' : (min-width: $--lg),\n 'lg-only': \"(min-width: #{$--lg}) and (max-width: #{$--xl - 1})\",\n 'lg-and-down': (max-width: $--xl - 1),\n 'xl-only' : (min-width: $--xl),\n);","@import \"function\";\n@import \"../common/var\";\n\n/* Break-points\n -------------------------- */\n@mixin res($key, $map: $--breakpoints) {\n\n // 循环断点Map，如果存在则返回\n @if map-has-key($map, $key) {\n @media only screen and (#{inspect(map-get($map, $key))}) {\n @content;\n }\n }\n\n @else {\n @warn \"Undefeined points: `#{$map}`\";\n }\n}\n\n/* Scrollbar\n -------------------------- */\n@mixin scroll-bar {\n $--scrollbar-thumb-background: #b4bccc;\n $--scrollbar-track-background: #fff;\n\n &::-webkit-scrollbar {\n z-index: 11;\n width: 6px;\n\n &:horizontal {\n height: 6px;\n }\n\n &-thumb {\n border-radius: 5px;\n width: 6px;\n background: $--scrollbar-thumb-background;\n }\n\n &-corner {\n background: $--scrollbar-track-background;\n }\n\n &-track {\n background: $--scrollbar-track-background;\n\n &-piece {\n background: $--scrollbar-track-background;\n width: 6px;\n }\n }\n }\n}\n\n\n\n\n/** text ellipsis\n --------------------------*/\n@mixin text-ellipsis($lines: 1) {\n @if $lines==1 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @else {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: $lines;\n -webkit-box-orient: vertical;\n }\n}\n\n/* BEM \n -------------------------- */\n@mixin yd($block) {\n $B: $namespace+'-'+$block !global;\n\n .#{$B} {\n @content;\n }\n}\n\n@mixin b($block) {\n $B: 'el-'+$block !global;\n\n .#{$B} {\n @content;\n }\n}\n\n@mixin e($element) {\n $E: $element !global;\n $selector: &;\n $currentSelector: \"\";\n\n @each $unit in $element {\n $currentSelector: #{$currentSelector + \".\" + $B + $element-separator + $unit + \",\"};\n }\n\n @if hitAllSpecialNestRule($selector) {\n @at-root {\n #{$selector} {\n #{$currentSelector} {\n @content;\n }\n }\n }\n }\n\n @else {\n @at-root {\n #{$currentSelector} {\n @content;\n }\n }\n }\n}\n\n@mixin m($modifier) {\n $selector: &;\n $currentSelector: \"\";\n\n @each $unit in $modifier {\n $currentSelector: #{$currentSelector + & + $modifier-separator + $unit + \",\"};\n }\n\n @at-root {\n #{$currentSelector} {\n @content;\n }\n }\n}\n\n@mixin configurable-m($modifier, $E-flag: false) {\n $selector: &;\n $interpolation: '';\n\n @if $E-flag {\n $interpolation: $element-separator + $E-flag;\n }\n\n @at-root {\n #{$selector} {\n .#{$B+$interpolation+$modifier-separator+$modifier} {\n @content;\n }\n }\n }\n}\n\n@mixin spec-selector($specSelector: '', $element: $E, $modifier: false, $block: $B) {\n $modifierCombo: '';\n\n @if $modifier {\n $modifierCombo: $modifier-separator + $modifier;\n }\n\n @at-root {\n #{&}#{$specSelector}.#{$block+$element-separator+$element+$modifierCombo} {\n @content\n }\n }\n}\n\n@mixin meb($modifier: false, $element: $E, $block: $B) {\n $selector: &;\n $modifierCombo: '';\n\n @if $modifier {\n $modifierCombo: $modifier-separator + $modifier;\n }\n\n @at-root {\n #{$selector} {\n .#{$block+$element-separator+$element+$modifierCombo} {\n @content\n }\n }\n }\n}\n\n@mixin when($state) {\n @at-root {\n &.#{$state-prefix + $state} {\n @content;\n }\n }\n}\n\n@mixin extend-rule($name) {\n @extend #{'%shared-'+$name};\n}\n\n@mixin share-rule($name) {\n $rule-name: '%shared-'+$name;\n\n @at-root #{$rule-name} {\n @content\n }\n}\n\n@mixin pseudo($pseudo) {\n @at-root #{&}#{':#{$pseudo}'} {\n@content\n}\n}\n\n/* Placeholder\n -------------------------- */\n@mixin placeholder {\n &::-webkit-input-placeholder {\n @content\n }\n\n &::-moz-placeholder {\n @content\n }\n\n &:-ms-input-placeholder {\n @content\n }\n}","@import \"mixins/mixins\";\n@import \"common/var\";\n\n@include b(statistic) {\n $statistic-justify: center;\n $statistic-align: center;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: $--color-black;\n font-variant: tabular-nums;\n list-style: none;\n font-feature-settings: \"tnum\";\n text-align: center;\n .head {\n margin-bottom: 4px;\n color: $--color-text-regular;\n font-size: $--font-size-small;\n }\n\n .con {\n font-family: Sans-serif;\n display: flex;\n justify-content: $statistic-justify;\n align-items: $statistic-align;\n color: $--color-text-primary;\n .number {\n font-size: $--font-size-extra-large;\n padding: 0 4px;\n }\n span {\n display: inline-block;\n margin: 0;\n line-height: 100%;\n }\n }\n}\n","/* BEM support Func\n -------------------------- */\n/* Element Chalk Variables */\n/* Transition\n-------------------------- */\n/* Color\n-------------------------- */\n/* 53a8ff */\n/* 66b1ff */\n/* 79bbff */\n/* 8cc5ff */\n/* a0cfff */\n/* b3d8ff */\n/* c6e2ff */\n/* d9ecff */\n/* ecf5ff */\n/* Link\n-------------------------- */\n/* Border\n-------------------------- */\n/* Fill\n-------------------------- */\n/* Typography\n-------------------------- */\n/* Size\n-------------------------- */\n/* z-index\n-------------------------- */\n/* Disable base\n-------------------------- */\n/* Icon\n-------------------------- */\n/* Checkbox\n-------------------------- */\n/* Radio\n-------------------------- */\n/* Select\n-------------------------- */\n/* Alert\n-------------------------- */\n/* MessageBox\n-------------------------- */\n/* Message\n-------------------------- */\n/* Notification\n-------------------------- */\n/* Input\n-------------------------- */\n/* Cascader\n-------------------------- */\n/* Group\n-------------------------- */\n/* Tab\n-------------------------- */\n/* Button\n-------------------------- */\n/* cascader\n-------------------------- */\n/* Switch\n-------------------------- */\n/* Dialog\n-------------------------- */\n/* Table\n-------------------------- */\n/* Pagination\n-------------------------- */\n/* Popup\n-------------------------- */\n/* Popover\n-------------------------- */\n/* Tooltip\n-------------------------- */\n/* Tag\n-------------------------- */\n/* Tree\n-------------------------- */\n/* Dropdown\n-------------------------- */\n/* Badge\n-------------------------- */\n/* Card\n--------------------------*/\n/* Slider\n--------------------------*/\n/* Steps\n--------------------------*/\n/* Menu\n--------------------------*/\n/* Rate\n--------------------------*/\n/* DatePicker\n--------------------------*/\n/* Loading\n--------------------------*/\n/* Scrollbar\n--------------------------*/\n/* Carousel\n--------------------------*/\n/* Collapse\n--------------------------*/\n/* Transfer\n--------------------------*/\n/* Header\n --------------------------*/\n/* Footer\n--------------------------*/\n/* Main\n--------------------------*/\n/* Timeline\n--------------------------*/\n/* Backtop\n--------------------------*/\n/* Link\n--------------------------*/\n/* Calendar\n--------------------------*/\n/* Form\n-------------------------- */\n/* Avatar\n--------------------------*/\n/* Empty\n-------------------------- */\n/* Descriptions\n-------------------------- */\n/* Skeleton \n--------------------------*/\n/* Svg\n--------------- */\n/* Result\n-------------------------- */\n/* Break-point\n--------------------------*/\n/* Break-points\n -------------------------- */\n/* Scrollbar\n -------------------------- */\n/** text ellipsis\n --------------------------*/\n/* BEM \n -------------------------- */\n/* Placeholder\n -------------------------- */\n/* Element Chalk Variables */\n/* Transition\n-------------------------- */\n/* Color\n-------------------------- */\n/* 53a8ff */\n/* 66b1ff */\n/* 79bbff */\n/* 8cc5ff */\n/* a0cfff */\n/* b3d8ff */\n/* c6e2ff */\n/* d9ecff */\n/* ecf5ff */\n/* Link\n-------------------------- */\n/* Border\n-------------------------- */\n/* Fill\n-------------------------- */\n/* Typography\n-------------------------- */\n/* Size\n-------------------------- */\n/* z-index\n-------------------------- */\n/* Disable base\n-------------------------- */\n/* Icon\n-------------------------- */\n/* Checkbox\n-------------------------- */\n/* Radio\n-------------------------- */\n/* Select\n-------------------------- */\n/* Alert\n-------------------------- */\n/* MessageBox\n-------------------------- */\n/* Message\n-------------------------- */\n/* Notification\n-------------------------- */\n/* Input\n-------------------------- */\n/* Cascader\n-------------------------- */\n/* Group\n-------------------------- */\n/* Tab\n-------------------------- */\n/* Button\n-------------------------- */\n/* cascader\n-------------------------- */\n/* Switch\n-------------------------- */\n/* Dialog\n-------------------------- */\n/* Table\n-------------------------- */\n/* Pagination\n-------------------------- */\n/* Popup\n-------------------------- */\n/* Popover\n-------------------------- */\n/* Tooltip\n-------------------------- */\n/* Tag\n-------------------------- */\n/* Tree\n-------------------------- */\n/* Dropdown\n-------------------------- */\n/* Badge\n-------------------------- */\n/* Card\n--------------------------*/\n/* Slider\n--------------------------*/\n/* Steps\n--------------------------*/\n/* Menu\n--------------------------*/\n/* Rate\n--------------------------*/\n/* DatePicker\n--------------------------*/\n/* Loading\n--------------------------*/\n/* Scrollbar\n--------------------------*/\n/* Carousel\n--------------------------*/\n/* Collapse\n--------------------------*/\n/* Transfer\n--------------------------*/\n/* Header\n --------------------------*/\n/* Footer\n--------------------------*/\n/* Main\n--------------------------*/\n/* Timeline\n--------------------------*/\n/* Backtop\n--------------------------*/\n/* Link\n--------------------------*/\n/* Calendar\n--------------------------*/\n/* Form\n-------------------------- */\n/* Avatar\n--------------------------*/\n/* Empty\n-------------------------- */\n/* Descriptions\n-------------------------- */\n/* Skeleton \n--------------------------*/\n/* Svg\n--------------- */\n/* Result\n-------------------------- */\n/* Break-point\n--------------------------*/\n.el-statistic {\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: #000000;\n font-variant: tabular-nums;\n list-style: none;\n font-feature-settings: \"tnum\";\n text-align: center;\n}\n.el-statistic .head {\n margin-bottom: 4px;\n color: #606266;\n font-size: 13px;\n}\n.el-statistic .con {\n font-family: Sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #303133;\n}\n.el-statistic .con .number {\n font-size: 20px;\n padding: 0 4px;\n}\n.el-statistic .con span {\n display: inline-block;\n margin: 0;\n line-height: 100%;\n}"]}
package/lib/yd-theme/step.css ADDED
@@ -0,0 +1 @@
1
+ .el-step{position:relative;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-shrink:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#303133;border-color:#303133}.el-step__head.is-wait{color:#c0c4cc;border-color:#c0c4cc}.el-step__head.is-success{color:#67c23a;border-color:#67c23a}.el-step__head.is-error{color:#f56c6c;border-color:#f56c6c}.el-step__head.is-finish{color:#409eff;border-color:#409eff}.el-step__icon{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:#fff;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#c0c4cc}.el-step__line-inner{display:block;transition:.15s ease-out;box-sizing:border-box;width:0;height:0;border:1px solid;border-color:inherit}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#303133}.el-step__title.is-wait{color:#c0c4cc}.el-step__title.is-success{color:#67c23a}.el-step__title.is-error{color:#f56c6c}.el-step__title.is-finish{color:#409eff}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#303133}.el-step__description.is-wait{color:#c0c4cc}.el-step__description.is-success{color:#67c23a}.el-step__description.is-error{color:#f56c6c}.el-step__description.is-finish{color:#409eff}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:flex;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:rgba(0,0,0,0);width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:flex;align-items:stretch;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{flex-grow:1;display:flex;align-items:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:"";display:inline-block;position:absolute;height:15px;width:1px;background:#c0c4cc}.el-step.is-simple .el-step__arrow::before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}
package/lib/yd-theme/step.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["mixins/function.scss","common/var.scss","mixins/mixins.scss","step.scss","step.css"],"names":[],"mappings":"AAEA;6BAAA;ACFA,4BAAA;AAMA;4BAAA;AAUA;4BAAA;AASA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAwCA;4BAAA;AAKA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAMA;4BAAA;AAMA;4BAAA;AAKA;4BAAA;AAiEA;4BAAA;AAgEA;4BAAA;AAsCA;4BAAA;AAwBA;4BAAA;AAwBA;4BAAA;AAsBA;4BAAA;AAoCA;4BAAA;AA8CA;4BAAA;AAgBA;4BAAA;AASA;4BAAA;AAaA;4BAAA;AAsFA;4BAAA;AAIA;4BAAA;AAgBA;4BAAA;AAaA;4BAAA;AAgBA;4BAAA;AAsBA;4BAAA;AAOA;4BAAA;AAiBA;4BAAA;AAcA;4BAAA;AAiBA;4BAAA;AASA;4BAAA;AAMA;4BAAA;AAYA;2BAAA;AAQA;2BAAA;AAkBA;2BAAA;AAMA;2BAAA;AAUA;2BAAA;AAWA;2BAAA;AAoBA;2BAAA;AAOA;2BAAA;AAKA;2BAAA;AAeA;2BAAA;AAmBA;2BAAA;AAmBA;6BAAA;AAIA;2BAAA;AAIA;2BAAA;AAIA;2BAAA;AAMA;2BAAA;AASA;2BAAA;AAsBA;2BAAA;AAQA;4BAAA;AAKA;2BAAA;AAmBA;4BAAA;AAOA;4BAAA;AAOA;2BAAA;AAKA;iBAAA;AAIA;4BAAA;AAaA;2BAAA;ACj/BA;6BAAA;AAgBA;6BAAA;AAsCA;4BAAA;AAkBA;6BAAA;AAuIA;6BAAA;ADlNA,4BAAA;AAMA;4BAAA;AAUA;4BAAA;AASA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAwCA;4BAAA;AAKA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAMA;4BAAA;AAMA;4BAAA;AAKA;4BAAA;AAiEA;4BAAA;AAgEA;4BAAA;AAsCA;4BAAA;AAwBA;4BAAA;AAwBA;4BAAA;AAsBA;4BAAA;AAoCA;4BAAA;AA8CA;4BAAA;AAgBA;4BAAA;AASA;4BAAA;AAaA;4BAAA;AAsFA;4BAAA;AAIA;4BAAA;AAgBA;4BAAA;AAaA;4BAAA;AAgBA;4BAAA;AAsBA;4BAAA;AAOA;4BAAA;AAiBA;4BAAA;AAcA;4BAAA;AAiBA;4BAAA;AASA;4BAAA;AAMA;4BAAA;AAYA;2BAAA;AAQA;2BAAA;AAkBA;2BAAA;AAMA;2BAAA;AAUA;2BAAA;AAWA;2BAAA;AAoBA;2BAAA;AAOA;2BAAA;AAKA;2BAAA;AAeA;2BAAA;AAmBA;2BAAA;AAmBA;6BAAA;AAIA;2BAAA;AAIA;2BAAA;AAIA;2BAAA;AAMA;2BAAA;AASA;2BAAA;AAsBA;2BAAA;AAQA;4BAAA;AAKA;2BAAA;AAmBA;4BAAA;AAOA;4BAAA;AAOA;2BAAA;AAKA;iBAAA;AAIA;4BAAA;AAaA;2BAAA;AC55BE;ECpFA,kBAAA;EACA,cAAA;AC8QF;AF1KQ;EChGF,aAAA;AC6QN;;AF5FI;EC5KE,2BAAA;EACA,cAAA;EACA,YAAA;AC4QN;;AFnLQ;ECrFF,gBAAA;AC4QN;;AF9KM;ECzFF,kBAAA;EACA,WAAA;AC2QJ;AF3GI;EC7JE,cFgCiB;EE/BjB,qBF+BiB;AG4OvB;;AF/GI;ECxJE,cFiCqB;EEhCrB,qBFgCqB;AG2O3B;;AFpHI;ECnJE,cFIY;EEHZ,qBFGY;AGwQlB;;AFzHI;EC9IE,cFGW;EEFX,qBFEW;AGyQjB;;AF9HI;ECzIE,cF9BY;EE+BZ,qBF/BY;AG0SlB;;AF3MM;EC3DF,kBAAA;EACA,UAAA;EACA,oBAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,sBAAA;EACA,mBF3CY;EE4CZ,0BAAA;AC0QJ;AFjJI;ECtHE,kBAAA;EACA,iBAAA;EACA,qBAAA;AC0QN;;AFtJI;EChHE,WAAA;AC0QN;;AFlOM;ECnCF,qBAAA;EACA,yBAAA;EAAA,sBAAA;EAAA,iBAAA;EACA,kBAAA;EACA,iBAAA;EACA,cAAA;EACA,cAAA;ACyQJ;ADvQI;EACE,eAAA;EACA,mBAAA;ACyQN;AFvKI;EC7FE,0BAAA;ACuQN;;AFlPM;EChBF,kBAAA;EACA,qBAAA;EACA,yBFjCuB;AGuS3B;;AFxPM;ECVF,cAAA;EACA,iBAAA;EACA,mBAAA;EACA,qBAAA;EACA,0BAAA;EACA,sBAAA;EACA,QAAA;EACA,SAAA;ACsQJ;;AFnQM;ECCF,mBAAA;EACA,gBAAA;ACsQJ;;AFxQM;ECMF,eAAA;EACA,iBAAA;ACsQJ;AFrMI;EC9DE,iBAAA;EACA,cFhEiB;AGsUvB;;AFzMI;ECzDE,cF9DqB;AGoU3B;;AF7MI;ECrDE,cF1FY;AGgWlB;;AFjNI;ECjDE,cF1FW;AGgWjB;;AFrNI;EC7CE,cF1HY;AGgYlB;;AFjSM;ECgCF,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,mBAAA;ACqQJ;AFjOI;ECjCE,cF5FiB;AGiWvB;;AFpOI;EC7BE,cF1FqB;AG+V3B;;AFxOI;ECzBE,cFtHY;AG2XlB;;AF5OI;ECrBE,cFtHW;AG2XjB;;AFhPI;ECjBE,cFtJY;AG2ZlB;;AFpPI;ECZA,qBAAA;ACoQJ;AFzUQ;ECwEF,WAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;ACoQN;;AF9PI;ECDA,aAAA;ACmQJ;AFnVQ;ECmFF,YAAA;EACA,WAAA;ACmQN;;AFvVQ;ECwFF,kBAAA;EACA,YAAA;ACmQN;;AF5VQ;EC6FF,iBAAA;EACA,mBAAA;ACmQN;;AFjWQ;ECkGF,UAAA;EACA,MAAA;EACA,SAAA;EACA,UAAA;ACmQN;;AFvRI;ECyBI,WAAA;ACkQR;;AF5WQ;ECkHF,kBAAA;AC8PN;;AFhXQ;ECsHF,kBAAA;AC8PN;;AFpXQ;EC0HF,iBAAA;EACA,kBAAA;AC8PN;;AFzXQ;EC+HF,SAAA;EACA,WAAA;AC8PN;;AF7SI;ECoDA,aAAA;EACA,mBAAA;AC6PJ;AFnYQ;ECyIF,WAAA;EACA,YAAA;EACA,mBAAA;AC6PN;;AFxYQ;EC+IF,uBAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;AC6PN;;ADzPM;EACE,eAAA;AC4PR;ADzPM;EACE,qCAAA;AC2PR;;AFtZQ;ECgKF,kBAAA;EACA,aAAA;EACA,oBAAA;EACA,YAAA;AC0PN;;AF7ZQ;ECuKF,eAAA;EACA,iBAAA;AC0PN;;AFlaQ;EC6KA,cAAA;EACA,qBAAA;ACyPR;;AFvaQ;ECmLF,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACwPN;ADtPM;EAEE,WAAA;EACA,qBAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;EACA,mBFrOmB;AG4d3B;ADpPM;EACE,0CAAA;EACA,qBAAA;ACsPR;ADnPM;EACE,wCAAA;EACA,2BAAA;ACqPR;;AF9bQ;EC+MA,aAAA;ACmPR","file":"step.css","sourcesContent":["@import \"config\";\n\n/* BEM support Func\n -------------------------- */\n@function selectorToString($selector) {\n $selector: inspect($selector);\n $selector: str-slice($selector, 2, -2);\n @return $selector;\n}\n\n@function containsModifier($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, $modifier-separator) {\n @return true;\n }\n\n @else {\n @return false;\n }\n}\n\n@function containWhenFlag($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, '.'+ $state-prefix) {\n @return true\n }\n\n @else {\n @return false\n }\n}\n\n@function containPseudoClass($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, ':') {\n @return true\n }\n\n @else {\n @return false\n }\n}\n\n@function hitAllSpecialNestRule($selector) {\n\n @return containsModifier($selector) or containWhenFlag($selector) or containPseudoClass($selector);\n}","/* Element Chalk Variables */\n\n// Special comment for theme configurator\n// type|skipAutoTranslation|Category|Order\n// skipAutoTranslation 1\n\n/* Transition\n-------------------------- */\n$--all-transition: all .3s cubic-bezier(.645, .045, .355, 1) !default;\n$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;\n$--fade-linear-transition: opacity 200ms linear !default;\n$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),\nopacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;\n$--border-transition-base: border-color .2s cubic-bezier(.645, .045, .355, 1) !default;\n$--color-transition-base: color .2s cubic-bezier(.645, .045, .355, 1) !default;\n\n/* Color\n-------------------------- */\n/// color|1|Brand Color|0\n$--color-primary: #409EFF !default;\n/// color|1|Background Color|4\n$--color-white: #FFFFFF !default;\n/// color|1|Background Color|4\n$--color-black: #000000 !default;\n$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default;\n/* 53a8ff */\n$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default;\n/* 66b1ff */\n$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default;\n/* 79bbff */\n$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default;\n/* 8cc5ff */\n$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default;\n/* a0cfff */\n$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default;\n/* b3d8ff */\n$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default;\n/* c6e2ff */\n$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default;\n/* d9ecff */\n$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;\n/* ecf5ff */\n/// color|1|Functional Color|1\n$--color-success: #67C23A !default;\n/// color|1|Functional Color|1\n$--color-warning: #E6A23C !default;\n/// color|1|Functional Color|1\n$--color-danger: #F56C6C !default;\n/// color|1|Functional Color|1\n$--color-info: #909399 !default;\n\n$--color-success-light: mix($--color-white, $--color-success, 80%) !default;\n$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;\n$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;\n$--color-info-light: mix($--color-white, $--color-info, 80%) !default;\n\n$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;\n$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;\n$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;\n$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;\n/// color|1|Font Color|2\n$--color-text-primary: #303133 !default;\n/// color|1|Font Color|2\n$--color-text-regular: #606266 !default;\n/// color|1|Font Color|2\n$--color-text-secondary: #909399 !default;\n/// color|1|Font Color|2\n$--color-text-placeholder: #C0C4CC !default;\n/// color|1|Border Color|3\n$--border-color-base: #DCDFE6 !default;\n/// color|1|Border Color|3\n$--border-color-light: #E4E7ED !default;\n/// color|1|Border Color|3\n$--border-color-lighter: #EBEEF5 !default;\n/// color|1|Border Color|3\n$--border-color-extra-light: #F2F6FC !default;\n\n// Background\n/// color|1|Background Color|4\n$--background-color-base: #F5F7FA !default;\n\n/* Link\n-------------------------- */\n$--link-color: $--color-primary-light-2 !default;\n$--link-hover-color: $--color-primary !default;\n\n/* Border\n-------------------------- */\n$--border-width-base: 1px !default;\n$--border-style-base: solid !default;\n$--border-color-hover: $--color-text-placeholder !default;\n$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;\n/// borderRadius|1|Radius|0\n$--border-radius-base: 4px !default;\n/// borderRadius|1|Radius|0\n$--border-radius-small: 2px !default;\n/// borderRadius|1|Radius|0\n$--border-radius-circle: 100% !default;\n/// borderRadius|1|Radius|0\n$--border-radius-zero: 0 !default;\n\n// Box-shadow\n/// boxShadow|1|Shadow|1\n$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12),\n0 0 6px rgba(0, 0, 0, .04) !default;\n// boxShadow|1|Shadow|1\n$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12),\n0 0 6px rgba(0, 0, 0, .12) !default;\n/// boxShadow|1|Shadow|1\n$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;\n\n/* Fill\n-------------------------- */\n$--fill-base: $--color-white !default;\n\n/* Typography\n-------------------------- */\n$--font-path: 'fonts' !default;\n$--font-display: 'auto' !default;\n/// fontSize|1|Font Size|0\n$--font-size-extra-large: 20px !default;\n/// fontSize|1|Font Size|0\n$--font-size-large: 18px !default;\n/// fontSize|1|Font Size|0\n$--font-size-medium: 16px !default;\n/// fontSize|1|Font Size|0\n$--font-size-base: 14px !default;\n/// fontSize|1|Font Size|0\n$--font-size-small: 13px !default;\n/// fontSize|1|Font Size|0\n$--font-size-extra-small: 12px !default;\n/// fontWeight|1|Font Weight|1\n$--font-weight-primary: 500 !default;\n/// fontWeight|1|Font Weight|1\n$--font-weight-secondary: 100 !default;\n/// fontLineHeight|1|Line Height|2\n$--font-line-height-primary: 24px !default;\n/// fontLineHeight|1|Line Height|2\n$--font-line-height-secondary: 16px !default;\n$--font-color-disabled-base: #bbb !default;\n/* Size\n-------------------------- */\n$--size-base: 14px !default;\n\n/* z-index\n-------------------------- */\n$--index-normal: 1 !default;\n$--index-top: 1000 !default;\n$--index-popper: 2000 !default;\n\n/* Disable base\n-------------------------- */\n$--disabled-fill-base: $--background-color-base !default;\n$--disabled-color-base: $--color-text-placeholder !default;\n$--disabled-border-base: $--border-color-light !default;\n\n/* Icon\n-------------------------- */\n$--icon-color: #666 !default;\n$--icon-color-base: $--color-info !default;\n\n/* Checkbox\n-------------------------- */\n/// fontSize||Font|1\n$--checkbox-font-size: 14px !default;\n/// fontWeight||Font|1\n$--checkbox-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--checkbox-font-color: $--color-text-regular !default;\n$--checkbox-input-height: 14px !default;\n$--checkbox-input-width: 14px !default;\n/// borderRadius||Border|2\n$--checkbox-border-radius: $--border-radius-small !default;\n/// color||Color|0\n$--checkbox-background-color: $--color-white !default;\n$--checkbox-input-border: $--border-base !default;\n\n/// color||Color|0\n$--checkbox-disabled-border-color: $--border-color-base !default;\n$--checkbox-disabled-input-fill: #edf2fc !default;\n$--checkbox-disabled-icon-color: $--color-text-placeholder !default;\n\n$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default;\n$--checkbox-disabled-checked-input-border-color: $--border-color-base !default;\n$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default;\n\n/// color||Color|0\n$--checkbox-checked-font-color: $--color-primary !default;\n$--checkbox-checked-input-border-color: $--color-primary !default;\n/// color||Color|0\n$--checkbox-checked-background-color: $--color-primary !default;\n$--checkbox-checked-icon-color: $--fill-base !default;\n\n$--checkbox-input-border-color-hover: $--color-primary !default;\n/// height||Other|4\n$--checkbox-bordered-height: 40px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-padding: 9px 20px 9px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;\n$--checkbox-bordered-medium-input-height: 14px !default;\n$--checkbox-bordered-medium-input-width: 14px !default;\n/// height||Other|4\n$--checkbox-bordered-medium-height: 36px !default;\n$--checkbox-bordered-small-input-height: 12px !default;\n$--checkbox-bordered-small-input-width: 12px !default;\n/// height||Other|4\n$--checkbox-bordered-small-height: 32px !default;\n$--checkbox-bordered-mini-input-height: 12px !default;\n$--checkbox-bordered-mini-input-width: 12px !default;\n/// height||Other|4\n$--checkbox-bordered-mini-height: 28px !default;\n\n/// color||Color|0\n$--checkbox-button-checked-background-color: $--color-primary !default;\n/// color||Color|0\n$--checkbox-button-checked-font-color: $--color-white !default;\n/// color||Color|0\n$--checkbox-button-checked-border-color: $--color-primary !default;\n\n\n\n/* Radio\n-------------------------- */\n/// fontSize||Font|1\n$--radio-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--radio-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--radio-font-color: $--color-text-regular !default;\n$--radio-input-height: 14px !default;\n$--radio-input-width: 14px !default;\n/// borderRadius||Border|2\n$--radio-input-border-radius: $--border-radius-circle !default;\n/// color||Color|0\n$--radio-input-background-color: $--color-white !default;\n$--radio-input-border: $--border-base !default;\n/// color||Color|0\n$--radio-input-border-color: $--border-color-base !default;\n/// color||Color|0\n$--radio-icon-color: $--color-white !default;\n\n$--radio-disabled-input-border-color: $--disabled-border-base !default;\n$--radio-disabled-input-fill: $--disabled-fill-base !default;\n$--radio-disabled-icon-color: $--disabled-fill-base !default;\n\n$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;\n$--radio-disabled-checked-input-fill: $--disabled-fill-base !default;\n$--radio-disabled-checked-icon-color: $--color-text-placeholder !default;\n\n/// color||Color|0\n$--radio-checked-font-color: $--color-primary !default;\n/// color||Color|0\n$--radio-checked-input-border-color: $--color-primary !default;\n/// color||Color|0\n$--radio-checked-input-background-color: $--color-white !default;\n/// color||Color|0\n$--radio-checked-icon-color: $--color-primary !default;\n\n$--radio-input-border-color-hover: $--color-primary !default;\n\n$--radio-bordered-height: 40px !default;\n$--radio-bordered-padding: 12px 20px 0 10px !default;\n$--radio-bordered-medium-padding: 10px 20px 0 10px !default;\n$--radio-bordered-small-padding: 8px 15px 0 10px !default;\n$--radio-bordered-mini-padding: 6px 15px 0 10px !default;\n$--radio-bordered-medium-input-height: 14px !default;\n$--radio-bordered-medium-input-width: 14px !default;\n$--radio-bordered-medium-height: 36px !default;\n$--radio-bordered-small-input-height: 12px !default;\n$--radio-bordered-small-input-width: 12px !default;\n$--radio-bordered-small-height: 32px !default;\n$--radio-bordered-mini-input-height: 12px !default;\n$--radio-bordered-mini-input-width: 12px !default;\n$--radio-bordered-mini-height: 28px !default;\n\n/// fontSize||Font|1\n$--radio-button-font-size: $--font-size-base !default;\n/// color||Color|0\n$--radio-button-checked-background-color: $--color-primary !default;\n/// color||Color|0\n$--radio-button-checked-font-color: $--color-white !default;\n/// color||Color|0\n$--radio-button-checked-border-color: $--color-primary !default;\n$--radio-button-disabled-checked-fill: $--border-color-extra-light !default;\n\n/* Select\n-------------------------- */\n$--select-border-color-hover: $--border-color-hover !default;\n$--select-disabled-border: $--disabled-border-base !default;\n/// fontSize||Font|1\n$--select-font-size: $--font-size-base !default;\n$--select-close-hover-color: $--color-text-secondary !default;\n\n$--select-input-color: $--color-text-placeholder !default;\n$--select-multiple-input-color: #666 !default;\n/// color||Color|0\n$--select-input-focus-border-color: $--color-primary !default;\n/// fontSize||Font|1\n$--select-input-font-size: 14px !default;\n\n$--select-option-color: $--color-text-regular !default;\n$--select-option-disabled-color: $--color-text-placeholder !default;\n$--select-option-disabled-background: $--color-white !default;\n/// height||Other|4\n$--select-option-height: 34px !default;\n$--select-option-hover-background: $--background-color-base !default;\n/// color||Color|0\n$--select-option-selected-font-color: $--color-primary !default;\n$--select-option-selected-hover: $--background-color-base !default;\n\n$--select-group-color: $--color-info !default;\n$--select-group-height: 30px !default;\n$--select-group-font-size: 12px !default;\n\n$--select-dropdown-background: $--color-white !default;\n$--select-dropdown-shadow: $--box-shadow-light !default;\n$--select-dropdown-empty-color: #999 !default;\n/// height||Other|4\n$--select-dropdown-max-height: 274px !default;\n$--select-dropdown-padding: 6px 0 !default;\n$--select-dropdown-empty-padding: 10px 0 !default;\n$--select-dropdown-border: solid 1px $--border-color-light !default;\n\n/* Alert\n-------------------------- */\n$--alert-padding: 8px 16px !default;\n/// borderRadius||Border|2\n$--alert-border-radius: $--border-radius-base !default;\n/// fontSize||Font|1\n$--alert-title-font-size: 13px !default;\n/// fontSize||Font|1\n$--alert-description-font-size: 12px !default;\n/// fontSize||Font|1\n$--alert-close-font-size: 12px !default;\n/// fontSize||Font|1\n$--alert-close-customed-font-size: 13px !default;\n\n$--alert-success-color: $--color-success-lighter !default;\n$--alert-info-color: $--color-info-lighter !default;\n$--alert-warning-color: $--color-warning-lighter !default;\n$--alert-danger-color: $--color-danger-lighter !default;\n\n/// height||Other|4\n$--alert-icon-size: 16px !default;\n/// height||Other|4\n$--alert-icon-large-size: 28px !default;\n\n/* MessageBox\n-------------------------- */\n/// color||Color|0\n$--messagebox-title-color: $--color-text-primary !default;\n$--msgbox-width: 420px !default;\n$--msgbox-border-radius: 4px !default;\n/// fontSize||Font|1\n$--messagebox-font-size: $--font-size-large !default;\n/// fontSize||Font|1\n$--messagebox-content-font-size: $--font-size-base !default;\n/// color||Color|0\n$--messagebox-content-color: $--color-text-regular !default;\n/// fontSize||Font|1\n$--messagebox-error-font-size: 12px !default;\n$--msgbox-padding-primary: 15px !default;\n/// color||Color|0\n$--messagebox-success-color: $--color-success !default;\n/// color||Color|0\n$--messagebox-info-color: $--color-info !default;\n/// color||Color|0\n$--messagebox-warning-color: $--color-warning !default;\n/// color||Color|0\n$--messagebox-danger-color: $--color-danger !default;\n\n/* Message\n-------------------------- */\n$--message-shadow: $--box-shadow-base !default;\n$--message-min-width: 380px !default;\n$--message-background-color: #edf2fc !default;\n$--message-padding: 15px 15px 15px 20px !default;\n/// color||Color|0\n$--message-close-icon-color: $--color-text-placeholder !default;\n/// height||Other|4\n$--message-close-size: 16px !default;\n/// color||Color|0\n$--message-close-hover-color: $--color-text-secondary !default;\n\n/// color||Color|0\n$--message-success-font-color: $--color-success !default;\n/// color||Color|0\n$--message-info-font-color: $--color-info !default;\n/// color||Color|0\n$--message-warning-font-color: $--color-warning !default;\n/// color||Color|0\n$--message-danger-font-color: $--color-danger !default;\n\n/* Notification\n-------------------------- */\n$--notification-width: 330px !default;\n/// padding||Spacing|3\n$--notification-padding: 14px 26px 14px 13px !default;\n$--notification-radius: 8px !default;\n$--notification-shadow: $--box-shadow-light !default;\n/// color||Color|0\n$--notification-border-color: $--border-color-lighter !default;\n$--notification-icon-size: 24px !default;\n$--notification-close-font-size: $--message-close-size !default;\n$--notification-group-margin-left: 13px !default;\n$--notification-group-margin-right: 8px !default;\n/// fontSize||Font|1\n$--notification-content-font-size: $--font-size-base !default;\n/// color||Color|0\n$--notification-content-color: $--color-text-regular !default;\n/// fontSize||Font|1\n$--notification-title-font-size: 16px !default;\n/// color||Color|0\n$--notification-title-color: $--color-text-primary !default;\n\n/// color||Color|0\n$--notification-close-color: $--color-text-secondary !default;\n/// color||Color|0\n$--notification-close-hover-color: $--color-text-regular !default;\n\n/// color||Color|0\n$--notification-success-icon-color: $--color-success !default;\n/// color||Color|0\n$--notification-info-icon-color: $--color-info !default;\n/// color||Color|0\n$--notification-warning-icon-color: $--color-warning !default;\n/// color||Color|0\n$--notification-danger-icon-color: $--color-danger !default;\n\n/* Input\n-------------------------- */\n$--input-font-size: $--font-size-base !default;\n/// color||Color|0\n$--input-font-color: $--color-text-regular !default;\n/// height||Other|4\n$--input-height: 40px !default;\n$--input-border: $--border-base !default;\n$--input-border-color: $--border-color-base !default;\n/// borderRadius||Border|2\n$--input-border-radius: $--border-radius-base !default;\n$--input-border-color-hover: $--border-color-hover !default;\n/// color||Color|0\n$--input-background-color: $--color-white !default;\n$--input-fill-disabled: $--disabled-fill-base !default;\n$--input-color-disabled: $--font-color-disabled-base !default;\n/// color||Color|0\n$--input-icon-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--input-placeholder-color: $--color-text-placeholder !default;\n$--input-max-width: 314px !default;\n\n$--input-hover-border: $--border-color-hover !default;\n$--input-clear-hover-color: $--color-text-secondary !default;\n\n$--input-focus-border: $--color-primary !default;\n$--input-focus-fill: $--color-white !default;\n\n$--input-disabled-fill: $--disabled-fill-base !default;\n$--input-disabled-border: $--disabled-border-base !default;\n$--input-disabled-color: $--disabled-color-base !default;\n$--input-disabled-placeholder-color: $--color-text-placeholder !default;\n\n/// fontSize||Font|1\n$--input-medium-font-size: 14px !default;\n/// height||Other|4\n$--input-medium-height: 36px !default;\n/// fontSize||Font|1\n$--input-small-font-size: 13px !default;\n/// height||Other|4\n$--input-small-height: 32px !default;\n/// fontSize||Font|1\n$--input-mini-font-size: 12px !default;\n/// height||Other|4\n$--input-mini-height: 28px !default;\n\n/* Cascader\n-------------------------- */\n/// color||Color|0\n$--cascader-menu-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--cascader-menu-selected-font-color: $--color-primary !default;\n$--cascader-menu-fill: $--fill-base !default;\n$--cascader-menu-font-size: $--font-size-base !default;\n$--cascader-menu-radius: $--border-radius-base !default;\n$--cascader-menu-border: solid 1px $--border-color-light !default;\n$--cascader-menu-shadow: $--box-shadow-light !default;\n$--cascader-node-background-hover: $--background-color-base !default;\n$--cascader-node-color-disabled:$--color-text-placeholder !default;\n$--cascader-color-empty:$--color-text-placeholder !default;\n$--cascader-tag-background: #f0f2f5;\n\n/* Group\n-------------------------- */\n$--group-option-flex: 0 0 (1/5) * 100% !default;\n$--group-option-offset-bottom: 12px !default;\n$--group-option-fill-hover: rgba($--color-black, 0.06) !default;\n$--group-title-color: $--color-black !default;\n$--group-title-font-size: $--font-size-base !default;\n$--group-title-width: 66px !default;\n\n/* Tab\n-------------------------- */\n$--tab-font-size: $--font-size-base !default;\n$--tab-border-line: 1px solid #e4e4e4 !default;\n$--tab-header-color-active: $--color-text-secondary !default;\n$--tab-header-color-hover: $--color-text-regular !default;\n$--tab-header-color: $--color-text-regular !default;\n$--tab-header-fill-active: rgba($--color-black, 0.06) !default;\n$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;\n$--tab-vertical-header-width: 90px !default;\n$--tab-vertical-header-count-color: $--color-white !default;\n$--tab-vertical-header-count-fill: $--color-text-secondary !default;\n\n/* Button\n-------------------------- */\n/// fontSize||Font|1\n$--button-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--button-font-weight: $--font-weight-primary !default;\n/// borderRadius||Border|2\n$--button-border-radius: $--border-radius-base !default;\n/// padding||Spacing|3\n$--button-padding-vertical: 12px !default;\n/// padding||Spacing|3\n$--button-padding-horizontal: 20px !default;\n\n/// fontSize||Font|1\n$--button-medium-font-size: $--font-size-base !default;\n/// borderRadius||Border|2\n$--button-medium-border-radius: $--border-radius-base !default;\n/// padding||Spacing|3\n$--button-medium-padding-vertical: 10px !default;\n/// padding||Spacing|3\n$--button-medium-padding-horizontal: 20px !default;\n\n/// fontSize||Font|1\n$--button-small-font-size: 12px !default;\n$--button-small-border-radius: #{$--border-radius-base - 1} !default;\n/// padding||Spacing|3\n$--button-small-padding-vertical: 9px !default;\n/// padding||Spacing|3\n$--button-small-padding-horizontal: 15px !default;\n/// fontSize||Font|1\n$--button-mini-font-size: 12px !default;\n$--button-mini-border-radius: #{$--border-radius-base - 1} !default;\n/// padding||Spacing|3\n$--button-mini-padding-vertical: 7px !default;\n/// padding||Spacing|3\n$--button-mini-padding-horizontal: 15px !default;\n\n/// color||Color|0\n$--button-default-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--button-default-background-color: $--color-white !default;\n/// color||Color|0\n$--button-default-border-color: $--border-color-base !default;\n\n/// color||Color|0\n$--button-disabled-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--button-disabled-background-color: $--color-white !default;\n/// color||Color|0\n$--button-disabled-border-color: $--border-color-lighter !default;\n\n/// color||Color|0\n$--button-primary-border-color: $--color-primary !default;\n/// color||Color|0\n$--button-primary-font-color: $--color-white !default;\n/// color||Color|0\n$--button-primary-background-color: $--color-primary !default;\n/// color||Color|0\n$--button-success-border-color: $--color-success !default;\n/// color||Color|0\n$--button-success-font-color: $--color-white !default;\n/// color||Color|0\n$--button-success-background-color: $--color-success !default;\n/// color||Color|0\n$--button-warning-border-color: $--color-warning !default;\n/// color||Color|0\n$--button-warning-font-color: $--color-white !default;\n/// color||Color|0\n$--button-warning-background-color: $--color-warning !default;\n/// color||Color|0\n$--button-danger-border-color: $--color-danger !default;\n/// color||Color|0\n$--button-danger-font-color: $--color-white !default;\n/// color||Color|0\n$--button-danger-background-color: $--color-danger !default;\n/// color||Color|0\n$--button-info-border-color: $--color-info !default;\n/// color||Color|0\n$--button-info-font-color: $--color-white !default;\n/// color||Color|0\n$--button-info-background-color: $--color-info !default;\n\n$--button-hover-tint-percent: 20% !default;\n$--button-active-shade-percent: 10% !default;\n\n\n/* cascader\n-------------------------- */\n$--cascader-height: 200px !default;\n\n/* Switch\n-------------------------- */\n/// color||Color|0\n$--switch-on-color: $--color-primary !default;\n/// color||Color|0\n$--switch-off-color: $--border-color-base !default;\n/// fontSize||Font|1\n$--switch-font-size: $--font-size-base !default;\n$--switch-core-border-radius: 10px !default;\n// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义\n$--switch-width: 40px !default;\n// height||Other|4\n$--switch-height: 20px !default;\n// height||Other|4\n$--switch-button-size: 16px !default;\n\n/* Dialog\n-------------------------- */\n$--dialog-background-color: $--color-white !default;\n$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;\n/// fontSize||Font|1\n$--dialog-title-font-size: $--font-size-large !default;\n/// fontSize||Font|1\n$--dialog-content-font-size: 14px !default;\n/// fontLineHeight||LineHeight|2\n$--dialog-font-line-height: $--font-line-height-primary !default;\n/// padding||Spacing|3\n$--dialog-padding-primary: 20px !default;\n\n/* Table\n-------------------------- */\n/// color||Color|0\n$--table-border-color: $--border-color-lighter !default;\n$--table-border: 1px solid $--table-border-color !default;\n/// color||Color|0\n$--table-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--table-header-font-color: $--color-text-secondary !default;\n/// color||Color|0\n$--table-row-hover-background-color: $--background-color-base !default;\n$--table-current-row-background-color: $--color-primary-light-9 !default;\n/// color||Color|0\n$--table-header-background-color: $--color-white !default;\n$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;\n\n/* Pagination\n-------------------------- */\n/// fontSize||Font|1\n$--pagination-font-size: 13px !default;\n/// color||Color|0\n$--pagination-background-color: $--color-white !default;\n/// color||Color|0\n$--pagination-font-color: $--color-text-primary !default;\n$--pagination-border-radius: 3px !default;\n/// color||Color|0\n$--pagination-button-color: $--color-text-primary !default;\n/// height||Other|4\n$--pagination-button-width: 35.5px !default;\n/// height||Other|4\n$--pagination-button-height: 28px !default;\n/// color||Color|0\n$--pagination-button-disabled-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--pagination-button-disabled-background-color: $--color-white !default;\n/// color||Color|0\n$--pagination-hover-color: $--color-primary !default;\n\n/* Popup\n-------------------------- */\n/// color||Color|0\n$--popup-modal-background-color: $--color-black !default;\n/// opacity||Other|1\n$--popup-modal-opacity: 0.5 !default;\n\n/* Popover\n-------------------------- */\n/// color||Color|0\n$--popover-background-color: $--color-white !default;\n/// fontSize||Font|1\n$--popover-font-size: $--font-size-base !default;\n/// color||Color|0\n$--popover-border-color: $--border-color-lighter !default;\n$--popover-arrow-size: 6px !default;\n/// padding||Spacing|3\n$--popover-padding: 12px !default;\n$--popover-padding-large: 18px 20px !default;\n/// fontSize||Font|1\n$--popover-title-font-size: 16px !default;\n/// color||Color|0\n$--popover-title-font-color: $--color-text-primary !default;\n\n/* Tooltip\n-------------------------- */\n/// color|1|Color|0\n$--tooltip-fill: $--color-text-primary !default;\n/// color|1|Color|0\n$--tooltip-color: $--color-white !default;\n/// fontSize||Font|1\n$--tooltip-font-size: 12px !default;\n/// color||Color|0\n$--tooltip-border-color: $--color-text-primary !default;\n$--tooltip-arrow-size: 6px !default;\n/// padding||Spacing|3\n$--tooltip-padding: 10px !default;\n\n/* Tag\n-------------------------- */\n/// color||Color|0\n$--tag-info-color: $--color-info !default;\n/// color||Color|0\n$--tag-primary-color: $--color-primary !default;\n/// color||Color|0\n$--tag-success-color: $--color-success !default;\n/// color||Color|0\n$--tag-warning-color: $--color-warning !default;\n/// color||Color|0\n$--tag-danger-color: $--color-danger !default;\n/// fontSize||Font|1\n$--tag-font-size: 12px !default;\n$--tag-border-radius: 4px !default;\n$--tag-padding: 0 10px !default;\n\n/* Tree\n-------------------------- */\n/// color||Color|0\n$--tree-node-hover-background-color: $--background-color-base !default;\n/// color||Color|0\n$--tree-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--tree-expand-icon-color: $--color-text-placeholder !default;\n\n/* Dropdown\n-------------------------- */\n$--dropdown-menu-box-shadow: $--box-shadow-light !default;\n$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;\n$--dropdown-menuItem-hover-color: $--link-color !default;\n\n/* Badge\n-------------------------- */\n/// color||Color|0\n$--badge-background-color: $--color-danger !default;\n$--badge-radius: 10px !default;\n/// fontSize||Font|1\n$--badge-font-size: 12px !default;\n/// padding||Spacing|3\n$--badge-padding: 6px !default;\n/// height||Other|4\n$--badge-size: 18px !default;\n\n/* Card\n--------------------------*/\n/// color||Color|0\n$--card-border-color: $--border-color-lighter !default;\n$--card-border-radius: 4px !default;\n/// padding||Spacing|3\n$--card-padding: 20px !default;\n\n/* Slider\n--------------------------*/\n/// color||Color|0\n$--slider-main-background-color: $--color-primary !default;\n/// color||Color|0\n$--slider-runway-background-color: $--border-color-light !default;\n$--slider-button-hover-color: mix($--color-primary, black, 97%) !default;\n$--slider-stop-background-color: $--color-white !default;\n$--slider-disable-color: $--color-text-placeholder !default;\n$--slider-margin: 16px 0 !default;\n$--slider-border-radius: 3px !default;\n/// height|1|Other|4\n$--slider-height: 6px !default;\n/// height||Other|4\n$--slider-button-size: 16px !default;\n$--slider-button-wrapper-size: 36px !default;\n$--slider-button-wrapper-offset: -15px !default;\n\n/* Steps\n--------------------------*/\n$--steps-border-color: $--disabled-border-base !default;\n$--steps-border-radius: 4px !default;\n$--steps-padding: 20px !default;\n\n/* Menu\n--------------------------*/\n/// fontSize||Font|1\n$--menu-item-font-size: $--font-size-base !default;\n/// color||Color|0\n$--menu-item-font-color: $--color-text-primary !default;\n/// color||Color|0\n$--menu-background-color: $--color-white !default;\n$--menu-item-hover-fill: $--color-primary-light-9 !default;\n\n/* Rate\n--------------------------*/\n$--rate-height: 20px !default;\n/// fontSize||Font|1\n$--rate-font-size: $--font-size-base !default;\n/// height||Other|3\n$--rate-icon-size: 18px !default;\n/// margin||Spacing|2\n$--rate-icon-margin: 6px !default;\n$--rate-icon-color: $--color-text-placeholder !default;\n\n/* DatePicker\n--------------------------*/\n$--datepicker-font-color: $--color-text-regular !default;\n/// color|1|Color|0\n$--datepicker-off-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--datepicker-header-font-color: $--color-text-regular !default;\n$--datepicker-icon-color: $--color-text-primary !default;\n$--datepicker-border-color: $--disabled-border-base !default;\n$--datepicker-inner-border-color: #e4e4e4 !default;\n/// color||Color|0\n$--datepicker-inrange-background-color: $--border-color-extra-light !default;\n/// color||Color|0\n$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default;\n/// color||Color|0\n$--datepicker-active-color: $--color-primary !default;\n/// color||Color|0\n$--datepicker-hover-font-color: $--color-primary !default;\n$--datepicker-cell-hover-color: #fff !default;\n\n/* Loading\n--------------------------*/\n/// height||Other|4\n$--loading-spinner-size: 42px !default;\n/// height||Other|4\n$--loading-fullscreen-spinner-size: 50px !default;\n\n/* Scrollbar\n--------------------------*/\n$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default;\n$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default;\n\n/* Carousel\n--------------------------*/\n/// fontSize||Font|1\n$--carousel-arrow-font-size: 12px !default;\n$--carousel-arrow-size: 36px !default;\n$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;\n$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;\n/// width||Other|4\n$--carousel-indicator-width: 30px !default;\n/// height||Other|4\n$--carousel-indicator-height: 2px !default;\n$--carousel-indicator-padding-horizontal: 4px !default;\n$--carousel-indicator-padding-vertical: 12px !default;\n$--carousel-indicator-out-color: $--border-color-hover !default;\n\n/* Collapse\n--------------------------*/\n/// color||Color|0\n$--collapse-border-color: $--border-color-lighter !default;\n/// height||Other|4\n$--collapse-header-height: 48px !default;\n/// color||Color|0\n$--collapse-header-background-color: $--color-white !default;\n/// color||Color|0\n$--collapse-header-font-color: $--color-text-primary !default;\n/// fontSize||Font|1\n$--collapse-header-font-size: 13px !default;\n/// color||Color|0\n$--collapse-content-background-color: $--color-white !default;\n/// fontSize||Font|1\n$--collapse-content-font-size: 13px !default;\n/// color||Color|0\n$--collapse-content-font-color: $--color-text-primary !default;\n\n/* Transfer\n--------------------------*/\n$--transfer-border-color: $--border-color-lighter !default;\n$--transfer-border-radius: $--border-radius-base !default;\n/// height||Other|4\n$--transfer-panel-width: 200px !default;\n/// height||Other|4\n$--transfer-panel-header-height: 40px !default;\n/// color||Color|0\n$--transfer-panel-header-background-color: $--background-color-base !default;\n/// height||Other|4\n$--transfer-panel-footer-height: 40px !default;\n/// height||Other|4\n$--transfer-panel-body-height: 246px !default;\n/// height||Other|4\n$--transfer-item-height: 30px !default;\n/// height||Other|4\n$--transfer-filter-height: 32px !default;\n\n/* Header\n --------------------------*/\n$--header-padding: 0 20px !default;\n\n/* Footer\n--------------------------*/\n$--footer-padding: 0 20px !default;\n\n/* Main\n--------------------------*/\n$--main-padding: 20px !default;\n\n/* Timeline\n--------------------------*/\n$--timeline-node-size-normal: 12px !default;\n$--timeline-node-size-large: 14px !default;\n$--timeline-node-color: $--border-color-light !default;\n\n/* Backtop\n--------------------------*/\n/// color||Color|0\n$--backtop-background-color: $--color-white !default;\n/// color||Color|0\n$--backtop-font-color: $--color-primary !default;\n/// color||Color|0\n$--backtop-hover-background-color: $--border-color-extra-light !default;\n\n/* Link\n--------------------------*/\n/// fontSize||Font|1\n$--link-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--link-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--link-default-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--link-default-active-color: $--color-primary !default;\n/// color||Color|0\n$--link-disabled-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--link-primary-font-color: $--color-primary !default;\n/// color||Color|0\n$--link-success-font-color: $--color-success !default;\n/// color||Color|0\n$--link-warning-font-color: $--color-warning !default;\n/// color||Color|0\n$--link-danger-font-color: $--color-danger !default;\n/// color||Color|0\n$--link-info-font-color: $--color-info !default;\n/* Calendar\n--------------------------*/\n/// border||Other|4\n$--calendar-border: $--table-border !default;\n/// color||Other|4\n$--calendar-selected-background-color: #F2F8FE !default;\n$--calendar-cell-width: 85px !default;\n\n/* Form\n-------------------------- */\n/// fontSize||Font|1\n$--form-label-font-size: $--font-size-base !default;\n\n/* Avatar\n--------------------------*/\n/// color||Color|0\n$--avatar-font-color: #fff !default;\n/// color||Color|0\n$--avatar-background-color: #C0C4CC !default;\n/// fontSize||Font Size|1\n$--avatar-text-font-size: 14px !default;\n/// fontSize||Font Size|1\n$--avatar-icon-font-size: 18px !default;\n/// borderRadius||Border|2\n$--avatar-border-radius: $--border-radius-base !default;\n/// size|1|Avatar Size|3\n$--avatar-large-size: 40px !default;\n/// size|1|Avatar Size|3\n$--avatar-medium-size: 36px !default;\n/// size|1|Avatar Size|3\n$--avatar-small-size: 28px !default;\n\n/* Empty\n-------------------------- */\n$--empty-padding: 40px 0 !default;\n$--empty-image-width: 160px !default;\n$--empty-description-margin-top: 20px !default;\n$--empty-bottom-margin-top: 20px !default;\n\n/* Descriptions\n-------------------------- */\n$--descriptions-header-margin-bottom: 20px !default;\n$--descriptions-title-font-size: 16px !default;\n$--descriptions-table-border: 1px solid $--border-color-lighter !default;\n$--descriptions-item-bordered-label-background: #fafafa !default;\n\n/* Skeleton \n--------------------------*/\n$--skeleton-color: #f2f2f2 !default;\n$--skeleton-to-color: #e6e6e6 !default;\n\n/* Svg\n--------------- */\n$--svg-monochrome-grey: #DCDDE0 !default;\n\n/* Result\n-------------------------- */\n$--result-padding: 40px 30px !default;\n$--result-icon-font-size: 64px !default;\n$--result-title-font-size: 20px !default;\n$--result-title-margin-top: 20px !default;\n$--result-subtitle-margin-top: 10px !default;\n$--result-extra-margin-top: 30px !default;\n$--result-info-color: $--color-info !default;\n$--result-success-color: $--color-success !default;\n$--result-warning-color: $--color-warning !default;\n$--result-danger-color: $--color-danger !default;\n\n/* Break-point\n--------------------------*/\n$--sm: 768px !default;\n$--md: 992px !default;\n$--lg: 1200px !default;\n$--xl: 1920px !default;\n\n$--breakpoints: (\n 'xs': (max-width: $--sm - 1),\n 'sm': (min-width: $--sm),\n 'md': (min-width: $--md),\n 'lg': (min-width: $--lg),\n 'xl': (min-width: $--xl)\n) !default;\n\n$--breakpoints-spec: ('xs-only' : (max-width: $--sm - 1),\n 'sm-and-up' : (min-width: $--sm),\n 'sm-only': \"(min-width: #{$--sm}) and (max-width: #{$--md - 1})\",\n 'sm-and-down': (max-width: $--md - 1),\n 'md-and-up' : (min-width: $--md),\n 'md-only': \"(min-width: #{$--md}) and (max-width: #{$--lg - 1})\",\n 'md-and-down': (max-width: $--lg - 1),\n 'lg-and-up' : (min-width: $--lg),\n 'lg-only': \"(min-width: #{$--lg}) and (max-width: #{$--xl - 1})\",\n 'lg-and-down': (max-width: $--xl - 1),\n 'xl-only' : (min-width: $--xl),\n);","@import \"function\";\n@import \"../common/var\";\n\n/* Break-points\n -------------------------- */\n@mixin res($key, $map: $--breakpoints) {\n\n // 循环断点Map，如果存在则返回\n @if map-has-key($map, $key) {\n @media only screen and (#{inspect(map-get($map, $key))}) {\n @content;\n }\n }\n\n @else {\n @warn \"Undefeined points: `#{$map}`\";\n }\n}\n\n/* Scrollbar\n -------------------------- */\n@mixin scroll-bar {\n $--scrollbar-thumb-background: #b4bccc;\n $--scrollbar-track-background: #fff;\n\n &::-webkit-scrollbar {\n z-index: 11;\n width: 6px;\n\n &:horizontal {\n height: 6px;\n }\n\n &-thumb {\n border-radius: 5px;\n width: 6px;\n background: $--scrollbar-thumb-background;\n }\n\n &-corner {\n background: $--scrollbar-track-background;\n }\n\n &-track {\n background: $--scrollbar-track-background;\n\n &-piece {\n background: $--scrollbar-track-background;\n width: 6px;\n }\n }\n }\n}\n\n\n\n\n/** text ellipsis\n --------------------------*/\n@mixin text-ellipsis($lines: 1) {\n @if $lines==1 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @else {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: $lines;\n -webkit-box-orient: vertical;\n }\n}\n\n/* BEM \n -------------------------- */\n@mixin yd($block) {\n $B: $namespace+'-'+$block !global;\n\n .#{$B} {\n @content;\n }\n}\n\n@mixin b($block) {\n $B: 'el-'+$block !global;\n\n .#{$B} {\n @content;\n }\n}\n\n@mixin e($element) {\n $E: $element !global;\n $selector: &;\n $currentSelector: \"\";\n\n @each $unit in $element {\n $currentSelector: #{$currentSelector + \".\" + $B + $element-separator + $unit + \",\"};\n }\n\n @if hitAllSpecialNestRule($selector) {\n @at-root {\n #{$selector} {\n #{$currentSelector} {\n @content;\n }\n }\n }\n }\n\n @else {\n @at-root {\n #{$currentSelector} {\n @content;\n }\n }\n }\n}\n\n@mixin m($modifier) {\n $selector: &;\n $currentSelector: \"\";\n\n @each $unit in $modifier {\n $currentSelector: #{$currentSelector + & + $modifier-separator + $unit + \",\"};\n }\n\n @at-root {\n #{$currentSelector} {\n @content;\n }\n }\n}\n\n@mixin configurable-m($modifier, $E-flag: false) {\n $selector: &;\n $interpolation: '';\n\n @if $E-flag {\n $interpolation: $element-separator + $E-flag;\n }\n\n @at-root {\n #{$selector} {\n .#{$B+$interpolation+$modifier-separator+$modifier} {\n @content;\n }\n }\n }\n}\n\n@mixin spec-selector($specSelector: '', $element: $E, $modifier: false, $block: $B) {\n $modifierCombo: '';\n\n @if $modifier {\n $modifierCombo: $modifier-separator + $modifier;\n }\n\n @at-root {\n #{&}#{$specSelector}.#{$block+$element-separator+$element+$modifierCombo} {\n @content\n }\n }\n}\n\n@mixin meb($modifier: false, $element: $E, $block: $B) {\n $selector: &;\n $modifierCombo: '';\n\n @if $modifier {\n $modifierCombo: $modifier-separator + $modifier;\n }\n\n @at-root {\n #{$selector} {\n .#{$block+$element-separator+$element+$modifierCombo} {\n @content\n }\n }\n }\n}\n\n@mixin when($state) {\n @at-root {\n &.#{$state-prefix + $state} {\n @content;\n }\n }\n}\n\n@mixin extend-rule($name) {\n @extend #{'%shared-'+$name};\n}\n\n@mixin share-rule($name) {\n $rule-name: '%shared-'+$name;\n\n @at-root #{$rule-name} {\n @content\n }\n}\n\n@mixin pseudo($pseudo) {\n @at-root #{&}#{':#{$pseudo}'} {\n@content\n}\n}\n\n/* Placeholder\n -------------------------- */\n@mixin placeholder {\n &::-webkit-input-placeholder {\n @content\n }\n\n &::-moz-placeholder {\n @content\n }\n\n &:-ms-input-placeholder {\n @content\n }\n}","@import \"mixins/mixins\";\n@import \"common/var\";\n\n@include b(step) {\n position: relative;\n flex-shrink: 1;\n\n @include pseudo(last-of-type) {\n @include e(line) {\n display: none;\n }\n\n // 只有未设置 space 的情况下才自适应宽度\n @include when(flex) {\n flex-basis: auto !important;\n flex-shrink: 0;\n flex-grow: 0;\n }\n\n @include e((main, description)) {\n padding-right: 0;\n }\n }\n\n @include e(head) {\n position: relative;\n width: 100%;\n\n @include when(process) {\n color: $--color-text-primary;\n border-color: $--color-text-primary;\n }\n\n @include when(wait) {\n color: $--color-text-placeholder;\n border-color: $--color-text-placeholder;\n }\n\n @include when(success) {\n color: $--color-success;\n border-color: $--color-success;\n }\n\n @include when(error) {\n color: $--color-danger;\n border-color: $--color-danger;\n }\n\n @include when(finish) {\n color: $--color-primary;\n border-color: $--color-primary;\n }\n }\n\n @include e(icon) {\n position: relative;\n z-index: 1;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 24px;\n height: 24px;\n font-size: 14px;\n box-sizing: border-box;\n background: $--color-white;\n transition: .15s ease-out;\n\n @include when(text) {\n border-radius: 50%;\n border: 2px solid;\n border-color: inherit;\n }\n\n @include when(icon) {\n width: 40px;\n }\n }\n\n @include e(icon-inner) {\n display: inline-block;\n user-select: none;\n text-align: center;\n font-weight: bold;\n line-height: 1;\n color: inherit;\n\n &[class*=el-icon]:not(.is-status) {\n font-size: 25px;\n font-weight: normal;\n }\n\n // 组件自身表示状态的图标\n @include when(status) {\n transform: translateY(1px);\n }\n }\n\n @include e(line) {\n position: absolute;\n border-color: inherit;\n background-color: $--color-text-placeholder;\n }\n\n @include e(line-inner) {\n display: block;\n border-width: 1px;\n border-style: solid;\n border-color: inherit;\n transition: .15s ease-out;\n box-sizing: border-box;\n width: 0;\n height: 0;\n }\n\n @include e(main) {\n white-space: normal;\n text-align: left;\n }\n\n @include e(title) {\n font-size: 16px;\n line-height: 38px;\n\n @include when(process) {\n font-weight: bold;\n color: $--color-text-primary;\n }\n\n @include when(wait) {\n color: $--color-text-placeholder;\n }\n\n @include when(success) {\n color: $--color-success;\n }\n\n @include when(error) {\n color: $--color-danger;\n }\n\n @include when(finish) {\n color: $--color-primary;\n }\n }\n\n @include e(description) {\n padding-right: 10%;\n margin-top: -5px;\n font-size: 12px;\n line-height: 20px;\n font-weight: normal;\n\n @include when(process) {\n color: $--color-text-primary;\n }\n\n @include when(wait) {\n color: $--color-text-placeholder;\n }\n\n @include when(success) {\n color: $--color-success;\n }\n\n @include when(error) {\n color: $--color-danger;\n }\n\n @include when(finish) {\n color: $--color-primary;\n }\n }\n\n @include when(horizontal) {\n display: inline-block;\n\n @include e(line) {\n height: 2px;\n top: 11px;\n left: 0;\n right: 0;\n }\n }\n\n @include when(vertical) {\n display: flex;\n\n @include e(head) {\n flex-grow: 0;\n width: 24px;\n }\n\n @include e(main) {\n padding-left: 10px;\n flex-grow: 1;\n }\n\n @include e(title) {\n line-height: 24px;\n padding-bottom: 8px;\n }\n\n @include e(line) {\n width: 2px;\n top: 0;\n bottom: 0;\n left: 11px;\n }\n\n @include e(icon) {\n @include when(icon) {\n width: 24px;\n }\n }\n }\n\n @include when(center) {\n\n @include e(head) {\n text-align: center;\n }\n\n @include e(main) {\n text-align: center;\n }\n\n @include e(description) {\n padding-left: 20%;\n padding-right: 20%;\n }\n\n @include e(line) {\n left: 50%;\n right: -50%;\n }\n }\n\n @include when(simple) {\n display: flex;\n align-items: center;\n\n @include e(head) {\n width: auto;\n font-size: 0;\n padding-right: 10px;\n }\n\n @include e(icon) {\n background: transparent;\n width: 16px;\n height: 16px;\n font-size: 12px;\n }\n\n @include e(icon-inner) {\n &[class*=el-icon]:not(.is-status) {\n font-size: 18px;\n }\n\n &.is-status {\n transform: scale(.8) translateY(1px);\n }\n }\n\n @include e(main) {\n position: relative;\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n }\n\n @include e(title) {\n font-size: 16px;\n line-height: 20px;\n }\n\n @include pseudo('not(:last-of-type)') {\n @include e(title) {\n max-width: 50%;\n word-break: break-all;\n }\n }\n\n @include e(arrow) {\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &::before,\n &::after {\n content: '';\n display: inline-block;\n position: absolute;\n height: 15px;\n width: 1px;\n background: $--color-text-placeholder;\n }\n\n &::before {\n transform: rotate(-45deg) translateY(-4px);\n transform-origin: 0 0;\n }\n\n &::after {\n transform: rotate(45deg) translateY(4px);\n transform-origin: 100% 100%;\n }\n }\n\n @include pseudo(last-of-type) {\n @include e(arrow) {\n display: none;\n }\n }\n }\n}\n","/* BEM support Func\n -------------------------- */\n/* Element Chalk Variables */\n/* Transition\n-------------------------- */\n/* Color\n-------------------------- */\n/* 53a8ff */\n/* 66b1ff */\n/* 79bbff */\n/* 8cc5ff */\n/* a0cfff */\n/* b3d8ff */\n/* c6e2ff */\n/* d9ecff */\n/* ecf5ff */\n/* Link\n-------------------------- */\n/* Border\n-------------------------- */\n/* Fill\n-------------------------- */\n/* Typography\n-------------------------- */\n/* Size\n-------------------------- */\n/* z-index\n-------------------------- */\n/* Disable base\n-------------------------- */\n/* Icon\n-------------------------- */\n/* Checkbox\n-------------------------- */\n/* Radio\n-------------------------- */\n/* Select\n-------------------------- */\n/* Alert\n-------------------------- */\n/* MessageBox\n-------------------------- */\n/* Message\n-------------------------- */\n/* Notification\n-------------------------- */\n/* Input\n-------------------------- */\n/* Cascader\n-------------------------- */\n/* Group\n-------------------------- */\n/* Tab\n-------------------------- */\n/* Button\n-------------------------- */\n/* cascader\n-------------------------- */\n/* Switch\n-------------------------- */\n/* Dialog\n-------------------------- */\n/* Table\n-------------------------- */\n/* Pagination\n-------------------------- */\n/* Popup\n-------------------------- */\n/* Popover\n-------------------------- */\n/* Tooltip\n-------------------------- */\n/* Tag\n-------------------------- */\n/* Tree\n-------------------------- */\n/* Dropdown\n-------------------------- */\n/* Badge\n-------------------------- */\n/* Card\n--------------------------*/\n/* Slider\n--------------------------*/\n/* Steps\n--------------------------*/\n/* Menu\n--------------------------*/\n/* Rate\n--------------------------*/\n/* DatePicker\n--------------------------*/\n/* Loading\n--------------------------*/\n/* Scrollbar\n--------------------------*/\n/* Carousel\n--------------------------*/\n/* Collapse\n--------------------------*/\n/* Transfer\n--------------------------*/\n/* Header\n --------------------------*/\n/* Footer\n--------------------------*/\n/* Main\n--------------------------*/\n/* Timeline\n--------------------------*/\n/* Backtop\n--------------------------*/\n/* Link\n--------------------------*/\n/* Calendar\n--------------------------*/\n/* Form\n-------------------------- */\n/* Avatar\n--------------------------*/\n/* Empty\n-------------------------- */\n/* Descriptions\n-------------------------- */\n/* Skeleton \n--------------------------*/\n/* Svg\n--------------- */\n/* Result\n-------------------------- */\n/* Break-point\n--------------------------*/\n/* Break-points\n -------------------------- */\n/* Scrollbar\n -------------------------- */\n/** text ellipsis\n --------------------------*/\n/* BEM \n -------------------------- */\n/* Placeholder\n -------------------------- */\n/* Element Chalk Variables */\n/* Transition\n-------------------------- */\n/* Color\n-------------------------- */\n/* 53a8ff */\n/* 66b1ff */\n/* 79bbff */\n/* 8cc5ff */\n/* a0cfff */\n/* b3d8ff */\n/* c6e2ff */\n/* d9ecff */\n/* ecf5ff */\n/* Link\n-------------------------- */\n/* Border\n-------------------------- */\n/* Fill\n-------------------------- */\n/* Typography\n-------------------------- */\n/* Size\n-------------------------- */\n/* z-index\n-------------------------- */\n/* Disable base\n-------------------------- */\n/* Icon\n-------------------------- */\n/* Checkbox\n-------------------------- */\n/* Radio\n-------------------------- */\n/* Select\n-------------------------- */\n/* Alert\n-------------------------- */\n/* MessageBox\n-------------------------- */\n/* Message\n-------------------------- */\n/* Notification\n-------------------------- */\n/* Input\n-------------------------- */\n/* Cascader\n-------------------------- */\n/* Group\n-------------------------- */\n/* Tab\n-------------------------- */\n/* Button\n-------------------------- */\n/* cascader\n-------------------------- */\n/* Switch\n-------------------------- */\n/* Dialog\n-------------------------- */\n/* Table\n-------------------------- */\n/* Pagination\n-------------------------- */\n/* Popup\n-------------------------- */\n/* Popover\n-------------------------- */\n/* Tooltip\n-------------------------- */\n/* Tag\n-------------------------- */\n/* Tree\n-------------------------- */\n/* Dropdown\n-------------------------- */\n/* Badge\n-------------------------- */\n/* Card\n--------------------------*/\n/* Slider\n--------------------------*/\n/* Steps\n--------------------------*/\n/* Menu\n--------------------------*/\n/* Rate\n--------------------------*/\n/* DatePicker\n--------------------------*/\n/* Loading\n--------------------------*/\n/* Scrollbar\n--------------------------*/\n/* Carousel\n--------------------------*/\n/* Collapse\n--------------------------*/\n/* Transfer\n--------------------------*/\n/* Header\n --------------------------*/\n/* Footer\n--------------------------*/\n/* Main\n--------------------------*/\n/* Timeline\n--------------------------*/\n/* Backtop\n--------------------------*/\n/* Link\n--------------------------*/\n/* Calendar\n--------------------------*/\n/* Form\n-------------------------- */\n/* Avatar\n--------------------------*/\n/* Empty\n-------------------------- */\n/* Descriptions\n-------------------------- */\n/* Skeleton \n--------------------------*/\n/* Svg\n--------------- */\n/* Result\n-------------------------- */\n/* Break-point\n--------------------------*/\n.el-step {\n position: relative;\n flex-shrink: 1;\n}\n.el-step:last-of-type .el-step__line {\n display: none;\n}\n\n.el-step:last-of-type.is-flex {\n flex-basis: auto !important;\n flex-shrink: 0;\n flex-grow: 0;\n}\n\n.el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description {\n padding-right: 0;\n}\n\n.el-step__head {\n position: relative;\n width: 100%;\n}\n.el-step__head.is-process {\n color: #303133;\n border-color: #303133;\n}\n\n.el-step__head.is-wait {\n color: #C0C4CC;\n border-color: #C0C4CC;\n}\n\n.el-step__head.is-success {\n color: #67C23A;\n border-color: #67C23A;\n}\n\n.el-step__head.is-error {\n color: #F56C6C;\n border-color: #F56C6C;\n}\n\n.el-step__head.is-finish {\n color: #409EFF;\n border-color: #409EFF;\n}\n\n.el-step__icon {\n position: relative;\n z-index: 1;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 24px;\n height: 24px;\n font-size: 14px;\n box-sizing: border-box;\n background: #FFFFFF;\n transition: 0.15s ease-out;\n}\n.el-step__icon.is-text {\n border-radius: 50%;\n border: 2px solid;\n border-color: inherit;\n}\n\n.el-step__icon.is-icon {\n width: 40px;\n}\n\n.el-step__icon-inner {\n display: inline-block;\n user-select: none;\n text-align: center;\n font-weight: bold;\n line-height: 1;\n color: inherit;\n}\n.el-step__icon-inner[class*=el-icon]:not(.is-status) {\n font-size: 25px;\n font-weight: normal;\n}\n.el-step__icon-inner.is-status {\n transform: translateY(1px);\n}\n\n.el-step__line {\n position: absolute;\n border-color: inherit;\n background-color: #C0C4CC;\n}\n\n.el-step__line-inner {\n display: block;\n border-width: 1px;\n border-style: solid;\n border-color: inherit;\n transition: 0.15s ease-out;\n box-sizing: border-box;\n width: 0;\n height: 0;\n}\n\n.el-step__main {\n white-space: normal;\n text-align: left;\n}\n\n.el-step__title {\n font-size: 16px;\n line-height: 38px;\n}\n.el-step__title.is-process {\n font-weight: bold;\n color: #303133;\n}\n\n.el-step__title.is-wait {\n color: #C0C4CC;\n}\n\n.el-step__title.is-success {\n color: #67C23A;\n}\n\n.el-step__title.is-error {\n color: #F56C6C;\n}\n\n.el-step__title.is-finish {\n color: #409EFF;\n}\n\n.el-step__description {\n padding-right: 10%;\n margin-top: -5px;\n font-size: 12px;\n line-height: 20px;\n font-weight: normal;\n}\n.el-step__description.is-process {\n color: #303133;\n}\n\n.el-step__description.is-wait {\n color: #C0C4CC;\n}\n\n.el-step__description.is-success {\n color: #67C23A;\n}\n\n.el-step__description.is-error {\n color: #F56C6C;\n}\n\n.el-step__description.is-finish {\n color: #409EFF;\n}\n\n.el-step.is-horizontal {\n display: inline-block;\n}\n.el-step.is-horizontal .el-step__line {\n height: 2px;\n top: 11px;\n left: 0;\n right: 0;\n}\n\n.el-step.is-vertical {\n display: flex;\n}\n.el-step.is-vertical .el-step__head {\n flex-grow: 0;\n width: 24px;\n}\n\n.el-step.is-vertical .el-step__main {\n padding-left: 10px;\n flex-grow: 1;\n}\n\n.el-step.is-vertical .el-step__title {\n line-height: 24px;\n padding-bottom: 8px;\n}\n\n.el-step.is-vertical .el-step__line {\n width: 2px;\n top: 0;\n bottom: 0;\n left: 11px;\n}\n\n.el-step.is-vertical .el-step__icon.is-icon {\n width: 24px;\n}\n\n.el-step.is-center .el-step__head {\n text-align: center;\n}\n\n.el-step.is-center .el-step__main {\n text-align: center;\n}\n\n.el-step.is-center .el-step__description {\n padding-left: 20%;\n padding-right: 20%;\n}\n\n.el-step.is-center .el-step__line {\n left: 50%;\n right: -50%;\n}\n\n.el-step.is-simple {\n display: flex;\n align-items: center;\n}\n.el-step.is-simple .el-step__head {\n width: auto;\n font-size: 0;\n padding-right: 10px;\n}\n\n.el-step.is-simple .el-step__icon {\n background: transparent;\n width: 16px;\n height: 16px;\n font-size: 12px;\n}\n\n.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {\n font-size: 18px;\n}\n.el-step.is-simple .el-step__icon-inner.is-status {\n transform: scale(0.8) translateY(1px);\n}\n\n.el-step.is-simple .el-step__main {\n position: relative;\n display: flex;\n align-items: stretch;\n flex-grow: 1;\n}\n\n.el-step.is-simple .el-step__title {\n font-size: 16px;\n line-height: 20px;\n}\n\n.el-step.is-simple:not(:last-of-type) .el-step__title {\n max-width: 50%;\n word-break: break-all;\n}\n\n.el-step.is-simple .el-step__arrow {\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.el-step.is-simple .el-step__arrow::before, .el-step.is-simple .el-step__arrow::after {\n content: \"\";\n display: inline-block;\n position: absolute;\n height: 15px;\n width: 1px;\n background: #C0C4CC;\n}\n.el-step.is-simple .el-step__arrow::before {\n transform: rotate(-45deg) translateY(-4px);\n transform-origin: 0 0;\n}\n.el-step.is-simple .el-step__arrow::after {\n transform: rotate(45deg) translateY(4px);\n transform-origin: 100% 100%;\n}\n\n.el-step.is-simple:last-of-type .el-step__arrow {\n display: none;\n}"]}
package/lib/yd-theme/steps.css ADDED
@@ -0,0 +1 @@
1
+ .el-steps{display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;flex-flow:column}
package/lib/yd-theme/steps.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["mixins/function.scss","common/var.scss","mixins/mixins.scss","steps.scss","steps.css"],"names":[],"mappings":"AAEA;6BAAA;ACFA,4BAAA;AAMA;4BAAA;AAUA;4BAAA;AASA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAEA,WAAA;AAwCA;4BAAA;AAKA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAyBA;4BAAA;AAIA;4BAAA;AAMA;4BAAA;AAMA;4BAAA;AAKA;4BAAA;AAiEA;4BAAA;AAgEA;4BAAA;AAsCA;4BAAA;AAwBA;4BAAA;AAwBA;4BAAA;AAsBA;4BAAA;AAoCA;4BAAA;AA8CA;4BAAA;AAgBA;4BAAA;AASA;4BAAA;AAaA;4BAAA;AAsFA;4BAAA;AAIA;4BAAA;AAgBA;4BAAA;AAaA;4BAAA;AAgBA;4BAAA;AAsBA;4BAAA;AAOA;4BAAA;AAiBA;4BAAA;AAcA;4BAAA;AAiBA;4BAAA;AASA;4BAAA;AAMA;4BAAA;AAYA;2BAAA;AAQA;2BAAA;AAkBA;2BAAA;AAMA;2BAAA;AAUA;2BAAA;AAWA;2BAAA;AAoBA;2BAAA;AAOA;2BAAA;AAKA;2BAAA;AAeA;2BAAA;AAmBA;2BAAA;AAmBA;6BAAA;AAIA;2BAAA;AAIA;2BAAA;AAIA;2BAAA;AAMA;2BAAA;AASA;2BAAA;AAsBA;2BAAA;AAQA;4BAAA;AAKA;2BAAA;AAmBA;4BAAA;AAOA;4BAAA;AAOA;2BAAA;AAKA;iBAAA;AAIA;4BAAA;AAaA;2BAAA;ACj/BA;6BAAA;AAgBA;6BAAA;AAsCA;4BAAA;AAkBA;6BAAA;AAuIA;6BAAA;AA1HE;ECrFA,aAAA;AC6IF;AFdI;EC5HA,gBAAA;EACA,kBAAA;EACA,mBFuEsB;AGsE1B;;AFnBI;ECtHA,mBAAA;AC6IJ;;AFvBI;EClHA,YAAA;EACA,iBAAA;AC6IJ","file":"steps.css","sourcesContent":["@import \"config\";\n\n/* BEM support Func\n -------------------------- */\n@function selectorToString($selector) {\n $selector: inspect($selector);\n $selector: str-slice($selector, 2, -2);\n @return $selector;\n}\n\n@function containsModifier($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, $modifier-separator) {\n @return true;\n }\n\n @else {\n @return false;\n }\n}\n\n@function containWhenFlag($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, '.'+ $state-prefix) {\n @return true\n }\n\n @else {\n @return false\n }\n}\n\n@function containPseudoClass($selector) {\n $selector: selectorToString($selector);\n\n @if str-index($selector, ':') {\n @return true\n }\n\n @else {\n @return false\n }\n}\n\n@function hitAllSpecialNestRule($selector) {\n\n @return containsModifier($selector) or containWhenFlag($selector) or containPseudoClass($selector);\n}","/* Element Chalk Variables */\n\n// Special comment for theme configurator\n// type|skipAutoTranslation|Category|Order\n// skipAutoTranslation 1\n\n/* Transition\n-------------------------- */\n$--all-transition: all .3s cubic-bezier(.645, .045, .355, 1) !default;\n$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;\n$--fade-linear-transition: opacity 200ms linear !default;\n$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),\nopacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;\n$--border-transition-base: border-color .2s cubic-bezier(.645, .045, .355, 1) !default;\n$--color-transition-base: color .2s cubic-bezier(.645, .045, .355, 1) !default;\n\n/* Color\n-------------------------- */\n/// color|1|Brand Color|0\n$--color-primary: #409EFF !default;\n/// color|1|Background Color|4\n$--color-white: #FFFFFF !default;\n/// color|1|Background Color|4\n$--color-black: #000000 !default;\n$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default;\n/* 53a8ff */\n$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default;\n/* 66b1ff */\n$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default;\n/* 79bbff */\n$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default;\n/* 8cc5ff */\n$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default;\n/* a0cfff */\n$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default;\n/* b3d8ff */\n$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default;\n/* c6e2ff */\n$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default;\n/* d9ecff */\n$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;\n/* ecf5ff */\n/// color|1|Functional Color|1\n$--color-success: #67C23A !default;\n/// color|1|Functional Color|1\n$--color-warning: #E6A23C !default;\n/// color|1|Functional Color|1\n$--color-danger: #F56C6C !default;\n/// color|1|Functional Color|1\n$--color-info: #909399 !default;\n\n$--color-success-light: mix($--color-white, $--color-success, 80%) !default;\n$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;\n$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;\n$--color-info-light: mix($--color-white, $--color-info, 80%) !default;\n\n$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;\n$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;\n$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;\n$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;\n/// color|1|Font Color|2\n$--color-text-primary: #303133 !default;\n/// color|1|Font Color|2\n$--color-text-regular: #606266 !default;\n/// color|1|Font Color|2\n$--color-text-secondary: #909399 !default;\n/// color|1|Font Color|2\n$--color-text-placeholder: #C0C4CC !default;\n/// color|1|Border Color|3\n$--border-color-base: #DCDFE6 !default;\n/// color|1|Border Color|3\n$--border-color-light: #E4E7ED !default;\n/// color|1|Border Color|3\n$--border-color-lighter: #EBEEF5 !default;\n/// color|1|Border Color|3\n$--border-color-extra-light: #F2F6FC !default;\n\n// Background\n/// color|1|Background Color|4\n$--background-color-base: #F5F7FA !default;\n\n/* Link\n-------------------------- */\n$--link-color: $--color-primary-light-2 !default;\n$--link-hover-color: $--color-primary !default;\n\n/* Border\n-------------------------- */\n$--border-width-base: 1px !default;\n$--border-style-base: solid !default;\n$--border-color-hover: $--color-text-placeholder !default;\n$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;\n/// borderRadius|1|Radius|0\n$--border-radius-base: 4px !default;\n/// borderRadius|1|Radius|0\n$--border-radius-small: 2px !default;\n/// borderRadius|1|Radius|0\n$--border-radius-circle: 100% !default;\n/// borderRadius|1|Radius|0\n$--border-radius-zero: 0 !default;\n\n// Box-shadow\n/// boxShadow|1|Shadow|1\n$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12),\n0 0 6px rgba(0, 0, 0, .04) !default;\n// boxShadow|1|Shadow|1\n$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12),\n0 0 6px rgba(0, 0, 0, .12) !default;\n/// boxShadow|1|Shadow|1\n$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;\n\n/* Fill\n-------------------------- */\n$--fill-base: $--color-white !default;\n\n/* Typography\n-------------------------- */\n$--font-path: 'fonts' !default;\n$--font-display: 'auto' !default;\n/// fontSize|1|Font Size|0\n$--font-size-extra-large: 20px !default;\n/// fontSize|1|Font Size|0\n$--font-size-large: 18px !default;\n/// fontSize|1|Font Size|0\n$--font-size-medium: 16px !default;\n/// fontSize|1|Font Size|0\n$--font-size-base: 14px !default;\n/// fontSize|1|Font Size|0\n$--font-size-small: 13px !default;\n/// fontSize|1|Font Size|0\n$--font-size-extra-small: 12px !default;\n/// fontWeight|1|Font Weight|1\n$--font-weight-primary: 500 !default;\n/// fontWeight|1|Font Weight|1\n$--font-weight-secondary: 100 !default;\n/// fontLineHeight|1|Line Height|2\n$--font-line-height-primary: 24px !default;\n/// fontLineHeight|1|Line Height|2\n$--font-line-height-secondary: 16px !default;\n$--font-color-disabled-base: #bbb !default;\n/* Size\n-------------------------- */\n$--size-base: 14px !default;\n\n/* z-index\n-------------------------- */\n$--index-normal: 1 !default;\n$--index-top: 1000 !default;\n$--index-popper: 2000 !default;\n\n/* Disable base\n-------------------------- */\n$--disabled-fill-base: $--background-color-base !default;\n$--disabled-color-base: $--color-text-placeholder !default;\n$--disabled-border-base: $--border-color-light !default;\n\n/* Icon\n-------------------------- */\n$--icon-color: #666 !default;\n$--icon-color-base: $--color-info !default;\n\n/* Checkbox\n-------------------------- */\n/// fontSize||Font|1\n$--checkbox-font-size: 14px !default;\n/// fontWeight||Font|1\n$--checkbox-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--checkbox-font-color: $--color-text-regular !default;\n$--checkbox-input-height: 14px !default;\n$--checkbox-input-width: 14px !default;\n/// borderRadius||Border|2\n$--checkbox-border-radius: $--border-radius-small !default;\n/// color||Color|0\n$--checkbox-background-color: $--color-white !default;\n$--checkbox-input-border: $--border-base !default;\n\n/// color||Color|0\n$--checkbox-disabled-border-color: $--border-color-base !default;\n$--checkbox-disabled-input-fill: #edf2fc !default;\n$--checkbox-disabled-icon-color: $--color-text-placeholder !default;\n\n$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default;\n$--checkbox-disabled-checked-input-border-color: $--border-color-base !default;\n$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default;\n\n/// color||Color|0\n$--checkbox-checked-font-color: $--color-primary !default;\n$--checkbox-checked-input-border-color: $--color-primary !default;\n/// color||Color|0\n$--checkbox-checked-background-color: $--color-primary !default;\n$--checkbox-checked-icon-color: $--fill-base !default;\n\n$--checkbox-input-border-color-hover: $--color-primary !default;\n/// height||Other|4\n$--checkbox-bordered-height: 40px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-padding: 9px 20px 9px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;\n/// padding||Spacing|3\n$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;\n$--checkbox-bordered-medium-input-height: 14px !default;\n$--checkbox-bordered-medium-input-width: 14px !default;\n/// height||Other|4\n$--checkbox-bordered-medium-height: 36px !default;\n$--checkbox-bordered-small-input-height: 12px !default;\n$--checkbox-bordered-small-input-width: 12px !default;\n/// height||Other|4\n$--checkbox-bordered-small-height: 32px !default;\n$--checkbox-bordered-mini-input-height: 12px !default;\n$--checkbox-bordered-mini-input-width: 12px !default;\n/// height||Other|4\n$--checkbox-bordered-mini-height: 28px !default;\n\n/// color||Color|0\n$--checkbox-button-checked-background-color: $--color-primary !default;\n/// color||Color|0\n$--checkbox-button-checked-font-color: $--color-white !default;\n/// color||Color|0\n$--checkbox-button-checked-border-color: $--color-primary !default;\n\n\n\n/* Radio\n-------------------------- */\n/// fontSize||Font|1\n$--radio-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--radio-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--radio-font-color: $--color-text-regular !default;\n$--radio-input-height: 14px !default;\n$--radio-input-width: 14px !default;\n/// borderRadius||Border|2\n$--radio-input-border-radius: $--border-radius-circle !default;\n/// color||Color|0\n$--radio-input-background-color: $--color-white !default;\n$--radio-input-border: $--border-base !default;\n/// color||Color|0\n$--radio-input-border-color: $--border-color-base !default;\n/// color||Color|0\n$--radio-icon-color: $--color-white !default;\n\n$--radio-disabled-input-border-color: $--disabled-border-base !default;\n$--radio-disabled-input-fill: $--disabled-fill-base !default;\n$--radio-disabled-icon-color: $--disabled-fill-base !default;\n\n$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;\n$--radio-disabled-checked-input-fill: $--disabled-fill-base !default;\n$--radio-disabled-checked-icon-color: $--color-text-placeholder !default;\n\n/// color||Color|0\n$--radio-checked-font-color: $--color-primary !default;\n/// color||Color|0\n$--radio-checked-input-border-color: $--color-primary !default;\n/// color||Color|0\n$--radio-checked-input-background-color: $--color-white !default;\n/// color||Color|0\n$--radio-checked-icon-color: $--color-primary !default;\n\n$--radio-input-border-color-hover: $--color-primary !default;\n\n$--radio-bordered-height: 40px !default;\n$--radio-bordered-padding: 12px 20px 0 10px !default;\n$--radio-bordered-medium-padding: 10px 20px 0 10px !default;\n$--radio-bordered-small-padding: 8px 15px 0 10px !default;\n$--radio-bordered-mini-padding: 6px 15px 0 10px !default;\n$--radio-bordered-medium-input-height: 14px !default;\n$--radio-bordered-medium-input-width: 14px !default;\n$--radio-bordered-medium-height: 36px !default;\n$--radio-bordered-small-input-height: 12px !default;\n$--radio-bordered-small-input-width: 12px !default;\n$--radio-bordered-small-height: 32px !default;\n$--radio-bordered-mini-input-height: 12px !default;\n$--radio-bordered-mini-input-width: 12px !default;\n$--radio-bordered-mini-height: 28px !default;\n\n/// fontSize||Font|1\n$--radio-button-font-size: $--font-size-base !default;\n/// color||Color|0\n$--radio-button-checked-background-color: $--color-primary !default;\n/// color||Color|0\n$--radio-button-checked-font-color: $--color-white !default;\n/// color||Color|0\n$--radio-button-checked-border-color: $--color-primary !default;\n$--radio-button-disabled-checked-fill: $--border-color-extra-light !default;\n\n/* Select\n-------------------------- */\n$--select-border-color-hover: $--border-color-hover !default;\n$--select-disabled-border: $--disabled-border-base !default;\n/// fontSize||Font|1\n$--select-font-size: $--font-size-base !default;\n$--select-close-hover-color: $--color-text-secondary !default;\n\n$--select-input-color: $--color-text-placeholder !default;\n$--select-multiple-input-color: #666 !default;\n/// color||Color|0\n$--select-input-focus-border-color: $--color-primary !default;\n/// fontSize||Font|1\n$--select-input-font-size: 14px !default;\n\n$--select-option-color: $--color-text-regular !default;\n$--select-option-disabled-color: $--color-text-placeholder !default;\n$--select-option-disabled-background: $--color-white !default;\n/// height||Other|4\n$--select-option-height: 34px !default;\n$--select-option-hover-background: $--background-color-base !default;\n/// color||Color|0\n$--select-option-selected-font-color: $--color-primary !default;\n$--select-option-selected-hover: $--background-color-base !default;\n\n$--select-group-color: $--color-info !default;\n$--select-group-height: 30px !default;\n$--select-group-font-size: 12px !default;\n\n$--select-dropdown-background: $--color-white !default;\n$--select-dropdown-shadow: $--box-shadow-light !default;\n$--select-dropdown-empty-color: #999 !default;\n/// height||Other|4\n$--select-dropdown-max-height: 274px !default;\n$--select-dropdown-padding: 6px 0 !default;\n$--select-dropdown-empty-padding: 10px 0 !default;\n$--select-dropdown-border: solid 1px $--border-color-light !default;\n\n/* Alert\n-------------------------- */\n$--alert-padding: 8px 16px !default;\n/// borderRadius||Border|2\n$--alert-border-radius: $--border-radius-base !default;\n/// fontSize||Font|1\n$--alert-title-font-size: 13px !default;\n/// fontSize||Font|1\n$--alert-description-font-size: 12px !default;\n/// fontSize||Font|1\n$--alert-close-font-size: 12px !default;\n/// fontSize||Font|1\n$--alert-close-customed-font-size: 13px !default;\n\n$--alert-success-color: $--color-success-lighter !default;\n$--alert-info-color: $--color-info-lighter !default;\n$--alert-warning-color: $--color-warning-lighter !default;\n$--alert-danger-color: $--color-danger-lighter !default;\n\n/// height||Other|4\n$--alert-icon-size: 16px !default;\n/// height||Other|4\n$--alert-icon-large-size: 28px !default;\n\n/* MessageBox\n-------------------------- */\n/// color||Color|0\n$--messagebox-title-color: $--color-text-primary !default;\n$--msgbox-width: 420px !default;\n$--msgbox-border-radius: 4px !default;\n/// fontSize||Font|1\n$--messagebox-font-size: $--font-size-large !default;\n/// fontSize||Font|1\n$--messagebox-content-font-size: $--font-size-base !default;\n/// color||Color|0\n$--messagebox-content-color: $--color-text-regular !default;\n/// fontSize||Font|1\n$--messagebox-error-font-size: 12px !default;\n$--msgbox-padding-primary: 15px !default;\n/// color||Color|0\n$--messagebox-success-color: $--color-success !default;\n/// color||Color|0\n$--messagebox-info-color: $--color-info !default;\n/// color||Color|0\n$--messagebox-warning-color: $--color-warning !default;\n/// color||Color|0\n$--messagebox-danger-color: $--color-danger !default;\n\n/* Message\n-------------------------- */\n$--message-shadow: $--box-shadow-base !default;\n$--message-min-width: 380px !default;\n$--message-background-color: #edf2fc !default;\n$--message-padding: 15px 15px 15px 20px !default;\n/// color||Color|0\n$--message-close-icon-color: $--color-text-placeholder !default;\n/// height||Other|4\n$--message-close-size: 16px !default;\n/// color||Color|0\n$--message-close-hover-color: $--color-text-secondary !default;\n\n/// color||Color|0\n$--message-success-font-color: $--color-success !default;\n/// color||Color|0\n$--message-info-font-color: $--color-info !default;\n/// color||Color|0\n$--message-warning-font-color: $--color-warning !default;\n/// color||Color|0\n$--message-danger-font-color: $--color-danger !default;\n\n/* Notification\n-------------------------- */\n$--notification-width: 330px !default;\n/// padding||Spacing|3\n$--notification-padding: 14px 26px 14px 13px !default;\n$--notification-radius: 8px !default;\n$--notification-shadow: $--box-shadow-light !default;\n/// color||Color|0\n$--notification-border-color: $--border-color-lighter !default;\n$--notification-icon-size: 24px !default;\n$--notification-close-font-size: $--message-close-size !default;\n$--notification-group-margin-left: 13px !default;\n$--notification-group-margin-right: 8px !default;\n/// fontSize||Font|1\n$--notification-content-font-size: $--font-size-base !default;\n/// color||Color|0\n$--notification-content-color: $--color-text-regular !default;\n/// fontSize||Font|1\n$--notification-title-font-size: 16px !default;\n/// color||Color|0\n$--notification-title-color: $--color-text-primary !default;\n\n/// color||Color|0\n$--notification-close-color: $--color-text-secondary !default;\n/// color||Color|0\n$--notification-close-hover-color: $--color-text-regular !default;\n\n/// color||Color|0\n$--notification-success-icon-color: $--color-success !default;\n/// color||Color|0\n$--notification-info-icon-color: $--color-info !default;\n/// color||Color|0\n$--notification-warning-icon-color: $--color-warning !default;\n/// color||Color|0\n$--notification-danger-icon-color: $--color-danger !default;\n\n/* Input\n-------------------------- */\n$--input-font-size: $--font-size-base !default;\n/// color||Color|0\n$--input-font-color: $--color-text-regular !default;\n/// height||Other|4\n$--input-height: 40px !default;\n$--input-border: $--border-base !default;\n$--input-border-color: $--border-color-base !default;\n/// borderRadius||Border|2\n$--input-border-radius: $--border-radius-base !default;\n$--input-border-color-hover: $--border-color-hover !default;\n/// color||Color|0\n$--input-background-color: $--color-white !default;\n$--input-fill-disabled: $--disabled-fill-base !default;\n$--input-color-disabled: $--font-color-disabled-base !default;\n/// color||Color|0\n$--input-icon-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--input-placeholder-color: $--color-text-placeholder !default;\n$--input-max-width: 314px !default;\n\n$--input-hover-border: $--border-color-hover !default;\n$--input-clear-hover-color: $--color-text-secondary !default;\n\n$--input-focus-border: $--color-primary !default;\n$--input-focus-fill: $--color-white !default;\n\n$--input-disabled-fill: $--disabled-fill-base !default;\n$--input-disabled-border: $--disabled-border-base !default;\n$--input-disabled-color: $--disabled-color-base !default;\n$--input-disabled-placeholder-color: $--color-text-placeholder !default;\n\n/// fontSize||Font|1\n$--input-medium-font-size: 14px !default;\n/// height||Other|4\n$--input-medium-height: 36px !default;\n/// fontSize||Font|1\n$--input-small-font-size: 13px !default;\n/// height||Other|4\n$--input-small-height: 32px !default;\n/// fontSize||Font|1\n$--input-mini-font-size: 12px !default;\n/// height||Other|4\n$--input-mini-height: 28px !default;\n\n/* Cascader\n-------------------------- */\n/// color||Color|0\n$--cascader-menu-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--cascader-menu-selected-font-color: $--color-primary !default;\n$--cascader-menu-fill: $--fill-base !default;\n$--cascader-menu-font-size: $--font-size-base !default;\n$--cascader-menu-radius: $--border-radius-base !default;\n$--cascader-menu-border: solid 1px $--border-color-light !default;\n$--cascader-menu-shadow: $--box-shadow-light !default;\n$--cascader-node-background-hover: $--background-color-base !default;\n$--cascader-node-color-disabled:$--color-text-placeholder !default;\n$--cascader-color-empty:$--color-text-placeholder !default;\n$--cascader-tag-background: #f0f2f5;\n\n/* Group\n-------------------------- */\n$--group-option-flex: 0 0 (1/5) * 100% !default;\n$--group-option-offset-bottom: 12px !default;\n$--group-option-fill-hover: rgba($--color-black, 0.06) !default;\n$--group-title-color: $--color-black !default;\n$--group-title-font-size: $--font-size-base !default;\n$--group-title-width: 66px !default;\n\n/* Tab\n-------------------------- */\n$--tab-font-size: $--font-size-base !default;\n$--tab-border-line: 1px solid #e4e4e4 !default;\n$--tab-header-color-active: $--color-text-secondary !default;\n$--tab-header-color-hover: $--color-text-regular !default;\n$--tab-header-color: $--color-text-regular !default;\n$--tab-header-fill-active: rgba($--color-black, 0.06) !default;\n$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;\n$--tab-vertical-header-width: 90px !default;\n$--tab-vertical-header-count-color: $--color-white !default;\n$--tab-vertical-header-count-fill: $--color-text-secondary !default;\n\n/* Button\n-------------------------- */\n/// fontSize||Font|1\n$--button-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--button-font-weight: $--font-weight-primary !default;\n/// borderRadius||Border|2\n$--button-border-radius: $--border-radius-base !default;\n/// padding||Spacing|3\n$--button-padding-vertical: 12px !default;\n/// padding||Spacing|3\n$--button-padding-horizontal: 20px !default;\n\n/// fontSize||Font|1\n$--button-medium-font-size: $--font-size-base !default;\n/// borderRadius||Border|2\n$--button-medium-border-radius: $--border-radius-base !default;\n/// padding||Spacing|3\n$--button-medium-padding-vertical: 10px !default;\n/// padding||Spacing|3\n$--button-medium-padding-horizontal: 20px !default;\n\n/// fontSize||Font|1\n$--button-small-font-size: 12px !default;\n$--button-small-border-radius: #{$--border-radius-base - 1} !default;\n/// padding||Spacing|3\n$--button-small-padding-vertical: 9px !default;\n/// padding||Spacing|3\n$--button-small-padding-horizontal: 15px !default;\n/// fontSize||Font|1\n$--button-mini-font-size: 12px !default;\n$--button-mini-border-radius: #{$--border-radius-base - 1} !default;\n/// padding||Spacing|3\n$--button-mini-padding-vertical: 7px !default;\n/// padding||Spacing|3\n$--button-mini-padding-horizontal: 15px !default;\n\n/// color||Color|0\n$--button-default-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--button-default-background-color: $--color-white !default;\n/// color||Color|0\n$--button-default-border-color: $--border-color-base !default;\n\n/// color||Color|0\n$--button-disabled-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--button-disabled-background-color: $--color-white !default;\n/// color||Color|0\n$--button-disabled-border-color: $--border-color-lighter !default;\n\n/// color||Color|0\n$--button-primary-border-color: $--color-primary !default;\n/// color||Color|0\n$--button-primary-font-color: $--color-white !default;\n/// color||Color|0\n$--button-primary-background-color: $--color-primary !default;\n/// color||Color|0\n$--button-success-border-color: $--color-success !default;\n/// color||Color|0\n$--button-success-font-color: $--color-white !default;\n/// color||Color|0\n$--button-success-background-color: $--color-success !default;\n/// color||Color|0\n$--button-warning-border-color: $--color-warning !default;\n/// color||Color|0\n$--button-warning-font-color: $--color-white !default;\n/// color||Color|0\n$--button-warning-background-color: $--color-warning !default;\n/// color||Color|0\n$--button-danger-border-color: $--color-danger !default;\n/// color||Color|0\n$--button-danger-font-color: $--color-white !default;\n/// color||Color|0\n$--button-danger-background-color: $--color-danger !default;\n/// color||Color|0\n$--button-info-border-color: $--color-info !default;\n/// color||Color|0\n$--button-info-font-color: $--color-white !default;\n/// color||Color|0\n$--button-info-background-color: $--color-info !default;\n\n$--button-hover-tint-percent: 20% !default;\n$--button-active-shade-percent: 10% !default;\n\n\n/* cascader\n-------------------------- */\n$--cascader-height: 200px !default;\n\n/* Switch\n-------------------------- */\n/// color||Color|0\n$--switch-on-color: $--color-primary !default;\n/// color||Color|0\n$--switch-off-color: $--border-color-base !default;\n/// fontSize||Font|1\n$--switch-font-size: $--font-size-base !default;\n$--switch-core-border-radius: 10px !default;\n// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义\n$--switch-width: 40px !default;\n// height||Other|4\n$--switch-height: 20px !default;\n// height||Other|4\n$--switch-button-size: 16px !default;\n\n/* Dialog\n-------------------------- */\n$--dialog-background-color: $--color-white !default;\n$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;\n/// fontSize||Font|1\n$--dialog-title-font-size: $--font-size-large !default;\n/// fontSize||Font|1\n$--dialog-content-font-size: 14px !default;\n/// fontLineHeight||LineHeight|2\n$--dialog-font-line-height: $--font-line-height-primary !default;\n/// padding||Spacing|3\n$--dialog-padding-primary: 20px !default;\n\n/* Table\n-------------------------- */\n/// color||Color|0\n$--table-border-color: $--border-color-lighter !default;\n$--table-border: 1px solid $--table-border-color !default;\n/// color||Color|0\n$--table-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--table-header-font-color: $--color-text-secondary !default;\n/// color||Color|0\n$--table-row-hover-background-color: $--background-color-base !default;\n$--table-current-row-background-color: $--color-primary-light-9 !default;\n/// color||Color|0\n$--table-header-background-color: $--color-white !default;\n$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;\n\n/* Pagination\n-------------------------- */\n/// fontSize||Font|1\n$--pagination-font-size: 13px !default;\n/// color||Color|0\n$--pagination-background-color: $--color-white !default;\n/// color||Color|0\n$--pagination-font-color: $--color-text-primary !default;\n$--pagination-border-radius: 3px !default;\n/// color||Color|0\n$--pagination-button-color: $--color-text-primary !default;\n/// height||Other|4\n$--pagination-button-width: 35.5px !default;\n/// height||Other|4\n$--pagination-button-height: 28px !default;\n/// color||Color|0\n$--pagination-button-disabled-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--pagination-button-disabled-background-color: $--color-white !default;\n/// color||Color|0\n$--pagination-hover-color: $--color-primary !default;\n\n/* Popup\n-------------------------- */\n/// color||Color|0\n$--popup-modal-background-color: $--color-black !default;\n/// opacity||Other|1\n$--popup-modal-opacity: 0.5 !default;\n\n/* Popover\n-------------------------- */\n/// color||Color|0\n$--popover-background-color: $--color-white !default;\n/// fontSize||Font|1\n$--popover-font-size: $--font-size-base !default;\n/// color||Color|0\n$--popover-border-color: $--border-color-lighter !default;\n$--popover-arrow-size: 6px !default;\n/// padding||Spacing|3\n$--popover-padding: 12px !default;\n$--popover-padding-large: 18px 20px !default;\n/// fontSize||Font|1\n$--popover-title-font-size: 16px !default;\n/// color||Color|0\n$--popover-title-font-color: $--color-text-primary !default;\n\n/* Tooltip\n-------------------------- */\n/// color|1|Color|0\n$--tooltip-fill: $--color-text-primary !default;\n/// color|1|Color|0\n$--tooltip-color: $--color-white !default;\n/// fontSize||Font|1\n$--tooltip-font-size: 12px !default;\n/// color||Color|0\n$--tooltip-border-color: $--color-text-primary !default;\n$--tooltip-arrow-size: 6px !default;\n/// padding||Spacing|3\n$--tooltip-padding: 10px !default;\n\n/* Tag\n-------------------------- */\n/// color||Color|0\n$--tag-info-color: $--color-info !default;\n/// color||Color|0\n$--tag-primary-color: $--color-primary !default;\n/// color||Color|0\n$--tag-success-color: $--color-success !default;\n/// color||Color|0\n$--tag-warning-color: $--color-warning !default;\n/// color||Color|0\n$--tag-danger-color: $--color-danger !default;\n/// fontSize||Font|1\n$--tag-font-size: 12px !default;\n$--tag-border-radius: 4px !default;\n$--tag-padding: 0 10px !default;\n\n/* Tree\n-------------------------- */\n/// color||Color|0\n$--tree-node-hover-background-color: $--background-color-base !default;\n/// color||Color|0\n$--tree-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--tree-expand-icon-color: $--color-text-placeholder !default;\n\n/* Dropdown\n-------------------------- */\n$--dropdown-menu-box-shadow: $--box-shadow-light !default;\n$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;\n$--dropdown-menuItem-hover-color: $--link-color !default;\n\n/* Badge\n-------------------------- */\n/// color||Color|0\n$--badge-background-color: $--color-danger !default;\n$--badge-radius: 10px !default;\n/// fontSize||Font|1\n$--badge-font-size: 12px !default;\n/// padding||Spacing|3\n$--badge-padding: 6px !default;\n/// height||Other|4\n$--badge-size: 18px !default;\n\n/* Card\n--------------------------*/\n/// color||Color|0\n$--card-border-color: $--border-color-lighter !default;\n$--card-border-radius: 4px !default;\n/// padding||Spacing|3\n$--card-padding: 20px !default;\n\n/* Slider\n--------------------------*/\n/// color||Color|0\n$--slider-main-background-color: $--color-primary !default;\n/// color||Color|0\n$--slider-runway-background-color: $--border-color-light !default;\n$--slider-button-hover-color: mix($--color-primary, black, 97%) !default;\n$--slider-stop-background-color: $--color-white !default;\n$--slider-disable-color: $--color-text-placeholder !default;\n$--slider-margin: 16px 0 !default;\n$--slider-border-radius: 3px !default;\n/// height|1|Other|4\n$--slider-height: 6px !default;\n/// height||Other|4\n$--slider-button-size: 16px !default;\n$--slider-button-wrapper-size: 36px !default;\n$--slider-button-wrapper-offset: -15px !default;\n\n/* Steps\n--------------------------*/\n$--steps-border-color: $--disabled-border-base !default;\n$--steps-border-radius: 4px !default;\n$--steps-padding: 20px !default;\n\n/* Menu\n--------------------------*/\n/// fontSize||Font|1\n$--menu-item-font-size: $--font-size-base !default;\n/// color||Color|0\n$--menu-item-font-color: $--color-text-primary !default;\n/// color||Color|0\n$--menu-background-color: $--color-white !default;\n$--menu-item-hover-fill: $--color-primary-light-9 !default;\n\n/* Rate\n--------------------------*/\n$--rate-height: 20px !default;\n/// fontSize||Font|1\n$--rate-font-size: $--font-size-base !default;\n/// height||Other|3\n$--rate-icon-size: 18px !default;\n/// margin||Spacing|2\n$--rate-icon-margin: 6px !default;\n$--rate-icon-color: $--color-text-placeholder !default;\n\n/* DatePicker\n--------------------------*/\n$--datepicker-font-color: $--color-text-regular !default;\n/// color|1|Color|0\n$--datepicker-off-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--datepicker-header-font-color: $--color-text-regular !default;\n$--datepicker-icon-color: $--color-text-primary !default;\n$--datepicker-border-color: $--disabled-border-base !default;\n$--datepicker-inner-border-color: #e4e4e4 !default;\n/// color||Color|0\n$--datepicker-inrange-background-color: $--border-color-extra-light !default;\n/// color||Color|0\n$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default;\n/// color||Color|0\n$--datepicker-active-color: $--color-primary !default;\n/// color||Color|0\n$--datepicker-hover-font-color: $--color-primary !default;\n$--datepicker-cell-hover-color: #fff !default;\n\n/* Loading\n--------------------------*/\n/// height||Other|4\n$--loading-spinner-size: 42px !default;\n/// height||Other|4\n$--loading-fullscreen-spinner-size: 50px !default;\n\n/* Scrollbar\n--------------------------*/\n$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default;\n$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default;\n\n/* Carousel\n--------------------------*/\n/// fontSize||Font|1\n$--carousel-arrow-font-size: 12px !default;\n$--carousel-arrow-size: 36px !default;\n$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;\n$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;\n/// width||Other|4\n$--carousel-indicator-width: 30px !default;\n/// height||Other|4\n$--carousel-indicator-height: 2px !default;\n$--carousel-indicator-padding-horizontal: 4px !default;\n$--carousel-indicator-padding-vertical: 12px !default;\n$--carousel-indicator-out-color: $--border-color-hover !default;\n\n/* Collapse\n--------------------------*/\n/// color||Color|0\n$--collapse-border-color: $--border-color-lighter !default;\n/// height||Other|4\n$--collapse-header-height: 48px !default;\n/// color||Color|0\n$--collapse-header-background-color: $--color-white !default;\n/// color||Color|0\n$--collapse-header-font-color: $--color-text-primary !default;\n/// fontSize||Font|1\n$--collapse-header-font-size: 13px !default;\n/// color||Color|0\n$--collapse-content-background-color: $--color-white !default;\n/// fontSize||Font|1\n$--collapse-content-font-size: 13px !default;\n/// color||Color|0\n$--collapse-content-font-color: $--color-text-primary !default;\n\n/* Transfer\n--------------------------*/\n$--transfer-border-color: $--border-color-lighter !default;\n$--transfer-border-radius: $--border-radius-base !default;\n/// height||Other|4\n$--transfer-panel-width: 200px !default;\n/// height||Other|4\n$--transfer-panel-header-height: 40px !default;\n/// color||Color|0\n$--transfer-panel-header-background-color: $--background-color-base !default;\n/// height||Other|4\n$--transfer-panel-footer-height: 40px !default;\n/// height||Other|4\n$--transfer-panel-body-height: 246px !default;\n/// height||Other|4\n$--transfer-item-height: 30px !default;\n/// height||Other|4\n$--transfer-filter-height: 32px !default;\n\n/* Header\n --------------------------*/\n$--header-padding: 0 20px !default;\n\n/* Footer\n--------------------------*/\n$--footer-padding: 0 20px !default;\n\n/* Main\n--------------------------*/\n$--main-padding: 20px !default;\n\n/* Timeline\n--------------------------*/\n$--timeline-node-size-normal: 12px !default;\n$--timeline-node-size-large: 14px !default;\n$--timeline-node-color: $--border-color-light !default;\n\n/* Backtop\n--------------------------*/\n/// color||Color|0\n$--backtop-background-color: $--color-white !default;\n/// color||Color|0\n$--backtop-font-color: $--color-primary !default;\n/// color||Color|0\n$--backtop-hover-background-color: $--border-color-extra-light !default;\n\n/* Link\n--------------------------*/\n/// fontSize||Font|1\n$--link-font-size: $--font-size-base !default;\n/// fontWeight||Font|1\n$--link-font-weight: $--font-weight-primary !default;\n/// color||Color|0\n$--link-default-font-color: $--color-text-regular !default;\n/// color||Color|0\n$--link-default-active-color: $--color-primary !default;\n/// color||Color|0\n$--link-disabled-font-color: $--color-text-placeholder !default;\n/// color||Color|0\n$--link-primary-font-color: $--color-primary !default;\n/// color||Color|0\n$--link-success-font-color: $--color-success !default;\n/// color||Color|0\n$--link-warning-font-color: $--color-warning !default;\n/// color||Color|0\n$--link-danger-font-color: $--color-danger !default;\n/// color||Color|0\n$--link-info-font-color: $--color-info !default;\n/* Calendar\n--------------------------*/\n/// border||Other|4\n$--calendar-border: $--table-border !default;\n/// color||Other|4\n$--calendar-selected-background-color: #F2F8FE !default;\n$--calendar-cell-width: 85px !default;\n\n/* Form\n-------------------------- */\n/// fontSize||Font|1\n$--form-label-font-size: $--font-size-base !default;\n\n/* Avatar\n--------------------------*/\n/// color||Color|0\n$--avatar-font-color: #fff !default;\n/// color||Color|0\n$--avatar-background-color: #C0C4CC !default;\n/// fontSize||Font Size|1\n$--avatar-text-font-size: 14px !default;\n/// fontSize||Font Size|1\n$--avatar-icon-font-size: 18px !default;\n/// borderRadius||Border|2\n$--avatar-border-radius: $--border-radius-base !default;\n/// size|1|Avatar Size|3\n$--avatar-large-size: 40px !default;\n/// size|1|Avatar Size|3\n$--avatar-medium-size: 36px !default;\n/// size|1|Avatar Size|3\n$--avatar-small-size: 28px !default;\n\n/* Empty\n-------------------------- */\n$--empty-padding: 40px 0 !default;\n$--empty-image-width: 160px !default;\n$--empty-description-margin-top: 20px !default;\n$--empty-bottom-margin-top: 20px !default;\n\n/* Descriptions\n-------------------------- */\n$--descriptions-header-margin-bottom: 20px !default;\n$--descriptions-title-font-size: 16px !default;\n$--descriptions-table-border: 1px solid $--border-color-lighter !default;\n$--descriptions-item-bordered-label-background: #fafafa !default;\n\n/* Skeleton \n--------------------------*/\n$--skeleton-color: #f2f2f2 !default;\n$--skeleton-to-color: #e6e6e6 !default;\n\n/* Svg\n--------------- */\n$--svg-monochrome-grey: #DCDDE0 !default;\n\n/* Result\n-------------------------- */\n$--result-padding: 40px 30px !default;\n$--result-icon-font-size: 64px !default;\n$--result-title-font-size: 20px !default;\n$--result-title-margin-top: 20px !default;\n$--result-subtitle-margin-top: 10px !default;\n$--result-extra-margin-top: 30px !default;\n$--result-info-color: $--color-info !default;\n$--result-success-color: $--color-success !default;\n$--result-warning-color: $--color-warning !default;\n$--result-danger-color: $--color-danger !default;\n\n/* Break-point\n--------------------------*/\n$--sm: 768px !default;\n$--md: 992px !default;\n$--lg: 1200px !default;\n$--xl: 1920px !default;\n\n$--breakpoints: (\n 'xs': (max-width: $--sm - 1),\n 'sm': (min-width: $--sm),\n 'md': (min-width: $--md),\n 'lg': (min-width: $--lg),\n 'xl': (min-width: $--xl)\n) !default;\n\n$--breakpoints-spec: ('xs-only' : (max-width: $--sm - 1),\n 'sm-and-up' : (min-width: $--sm),\n 'sm-only': \"(min-width: #{$--sm}) and (max-width: #{$--md - 1})\",\n 'sm-and-down': (max-width: $--md - 1),\n 'md-and-up' : (min-width: $--md),\n 'md-only': \"(min-width: #{$--md}) and (max-width: #{$--lg - 1})\",\n 'md-and-down': (max-width: $--lg - 1),\n 'lg-and-up' : (min-width: $--lg),\n 'lg-only': \"(min-width: #{$--lg}) and (max-width: #{$--xl - 1})\",\n 'lg-and-down': (max-width: $--xl - 1),\n 'xl-only' : (min-width: $--xl),\n);","@import \"function\";\n@import \"../common/var\";\n\n/* Break-points\n -------------------------- */\n@mixin res($key, $map: $--breakpoints) {\n\n // 循环断点Map，如果存在则返回\n @if map-has-key($map, $key) {\n @media only screen and (#{inspect(map-get($map, $key))}) {\n @content;\n }\n }\n\n @else {\n @warn \"Undefeined points: `#{$map}`\";\n }\n}\n\n/* Scrollbar\n -------------------------- */\n@mixin scroll-bar {\n $--scrollbar-thumb-background: #b4bccc;\n $--scrollbar-track-background: #fff;\n\n &::-webkit-scrollbar {\n z-index: 11;\n width: 6px;\n\n &:horizontal {\n height: 6px;\n }\n\n &-thumb {\n border-radius: 5px;\n width: 6px;\n background: $--scrollbar-thumb-background;\n }\n\n &-corner {\n background: $--scrollbar-track-background;\n }\n\n &-track {\n background: $--scrollbar-track-background;\n\n &-piece {\n background: $--scrollbar-track-background;\n width: 6px;\n }\n }\n }\n}\n\n\n\n\n/** text ellipsis\n --------------------------*/\n@mixin text-ellipsis($lines: 1) {\n @if $lines==1 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @else {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: $lines;\n -webkit-box-orient: vertical;\n }\n}\n\n/* BEM \n -------------------------- */\n@mixin yd($block) {\n $B: $namespace+'-'+$block !global;\n\n .#{$B} {\n @content;\n }\n}\n\n@mixin b($block) {\n $B: 'el-'+$block !global;\n\n .#{$B} {\n @content;\n }\n}\n\n@mixin e($element) {\n $E: $element !global;\n $selector: &;\n $currentSelector: \"\";\n\n @each $unit in $element {\n $currentSelector: #{$currentSelector + \".\" + $B + $element-separator + $unit + \",\"};\n }\n\n @if hitAllSpecialNestRule($selector) {\n @at-root {\n #{$selector} {\n #{$currentSelector} {\n @content;\n }\n }\n }\n }\n\n @else {\n @at-root {\n #{$currentSelector} {\n @content;\n }\n }\n }\n}\n\n@mixin m($modifier) {\n $selector: &;\n $currentSelector: \"\";\n\n @each $unit in $modifier {\n $currentSelector: #{$currentSelector + & + $modifier-separator + $unit + \",\"};\n }\n\n @at-root {\n #{$currentSelector} {\n @content;\n }\n }\n}\n\n@mixin configurable-m($modifier, $E-flag: false) {\n $selector: &;\n $interpolation: '';\n\n @if $E-flag {\n $interpolation: $element-separator + $E-flag;\n }\n\n @at-root {\n #{$selector} {\n .#{$B+$interpolation+$modifier-separator+$modifier} {\n @content;\n }\n }\n }\n}\n\n@mixin spec-selector($specSelector: '', $element: $E, $modifier: false, $block: $B) {\n $modifierCombo: '';\n\n @if $modifier {\n $modifierCombo: $modifier-separator + $modifier;\n }\n\n @at-root {\n #{&}#{$specSelector}.#{$block+$element-separator+$element+$modifierCombo} {\n @content\n }\n }\n}\n\n@mixin meb($modifier: false, $element: $E, $block: $B) {\n $selector: &;\n $modifierCombo: '';\n\n @if $modifier {\n $modifierCombo: $modifier-separator + $modifier;\n }\n\n @at-root {\n #{$selector} {\n .#{$block+$element-separator+$element+$modifierCombo} {\n @content\n }\n }\n }\n}\n\n@mixin when($state) {\n @at-root {\n &.#{$state-prefix + $state} {\n @content;\n }\n }\n}\n\n@mixin extend-rule($name) {\n @extend #{'%shared-'+$name};\n}\n\n@mixin share-rule($name) {\n $rule-name: '%shared-'+$name;\n\n @at-root #{$rule-name} {\n @content\n }\n}\n\n@mixin pseudo($pseudo) {\n @at-root #{&}#{':#{$pseudo}'} {\n@content\n}\n}\n\n/* Placeholder\n -------------------------- */\n@mixin placeholder {\n &::-webkit-input-placeholder {\n @content\n }\n\n &::-moz-placeholder {\n @content\n }\n\n &:-ms-input-placeholder {\n @content\n }\n}","@import \"mixins/mixins\";\n\n@include b(steps) {\n display: flex;\n\n @include m(simple) {\n padding: 13px 8%;\n border-radius: 4px;\n background: $--background-color-base;\n }\n\n @include m(horizontal) {\n white-space: nowrap;\n }\n\n @include m(vertical) {\n height: 100%;\n flex-flow: column;\n }\n}\n","/* BEM support Func\n -------------------------- */\n/* Element Chalk Variables */\n/* Transition\n-------------------------- */\n/* Color\n-------------------------- */\n/* 53a8ff */\n/* 66b1ff */\n/* 79bbff */\n/* 8cc5ff */\n/* a0cfff */\n/* b3d8ff */\n/* c6e2ff */\n/* d9ecff */\n/* ecf5ff */\n/* Link\n-------------------------- */\n/* Border\n-------------------------- */\n/* Fill\n-------------------------- */\n/* Typography\n-------------------------- */\n/* Size\n-------------------------- */\n/* z-index\n-------------------------- */\n/* Disable base\n-------------------------- */\n/* Icon\n-------------------------- */\n/* Checkbox\n-------------------------- */\n/* Radio\n-------------------------- */\n/* Select\n-------------------------- */\n/* Alert\n-------------------------- */\n/* MessageBox\n-------------------------- */\n/* Message\n-------------------------- */\n/* Notification\n-------------------------- */\n/* Input\n-------------------------- */\n/* Cascader\n-------------------------- */\n/* Group\n-------------------------- */\n/* Tab\n-------------------------- */\n/* Button\n-------------------------- */\n/* cascader\n-------------------------- */\n/* Switch\n-------------------------- */\n/* Dialog\n-------------------------- */\n/* Table\n-------------------------- */\n/* Pagination\n-------------------------- */\n/* Popup\n-------------------------- */\n/* Popover\n-------------------------- */\n/* Tooltip\n-------------------------- */\n/* Tag\n-------------------------- */\n/* Tree\n-------------------------- */\n/* Dropdown\n-------------------------- */\n/* Badge\n-------------------------- */\n/* Card\n--------------------------*/\n/* Slider\n--------------------------*/\n/* Steps\n--------------------------*/\n/* Menu\n--------------------------*/\n/* Rate\n--------------------------*/\n/* DatePicker\n--------------------------*/\n/* Loading\n--------------------------*/\n/* Scrollbar\n--------------------------*/\n/* Carousel\n--------------------------*/\n/* Collapse\n--------------------------*/\n/* Transfer\n--------------------------*/\n/* Header\n --------------------------*/\n/* Footer\n--------------------------*/\n/* Main\n--------------------------*/\n/* Timeline\n--------------------------*/\n/* Backtop\n--------------------------*/\n/* Link\n--------------------------*/\n/* Calendar\n--------------------------*/\n/* Form\n-------------------------- */\n/* Avatar\n--------------------------*/\n/* Empty\n-------------------------- */\n/* Descriptions\n-------------------------- */\n/* Skeleton \n--------------------------*/\n/* Svg\n--------------- */\n/* Result\n-------------------------- */\n/* Break-point\n--------------------------*/\n/* Break-points\n -------------------------- */\n/* Scrollbar\n -------------------------- */\n/** text ellipsis\n --------------------------*/\n/* BEM \n -------------------------- */\n/* Placeholder\n -------------------------- */\n.el-steps {\n display: flex;\n}\n.el-steps--simple {\n padding: 13px 8%;\n border-radius: 4px;\n background: #F5F7FA;\n}\n\n.el-steps--horizontal {\n white-space: nowrap;\n}\n\n.el-steps--vertical {\n height: 100%;\n flex-flow: column;\n}"]}
package/lib/yd-theme/submenu.css ADDED
File without changes
package/lib/yd-theme/submenu.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"submenu.css","sourcesContent":[]}
package/lib/yd-theme/switch.css ADDED
@@ -0,0 +1 @@
1
+ .el-switch{display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:.2s;height:20px;display:inline-block;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;color:#303133}.el-switch__label.is-active{color:#409eff}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid #dcdfe6;outline:0;border-radius:10px;box-sizing:border-box;background:#dcdfe6;cursor:pointer;transition:border-color .3s,background-color .3s;vertical-align:middle}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;transition:.3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#409eff;background-color:#409eff}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}