yd-ui-vue2 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/notification.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["mixins/function.scss","common/var.scss","mixins/mixins.scss","notification.scss","notification.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,aAAA;EACA,YF2YqB;EE1YrB,4BF4YuB;EE3YvB,kBF4YsB;EE3YtB,sBAAA;EACA,yBAAA;EACA,eAAA;EACA,yBFUc;EETd,2CFiGmB;EEhGnB,sFAAA;EACA,gBAAA;AC8QF;AD5QE;EACE,WAAA;AC8QJ;AD3QE;EACE,UAAA;AC6QJ;AFhLM;ECzFF,iBFgY+B;EE/X/B,iBFgYgC;AGpHpC;;AFpLM;ECpFF,iBAAA;EACA,eFiY6B;EEhY7B,cF6BmB;EE5BnB,SAAA;AC4QJ;;AF3LM;EC7EF,eFyFe;EExFf,iBAAA;EACA,iBAAA;EACA,cFuBmB;EEtBnB,mBAAA;AC4QJ;AD1QI;EACE,SAAA;AC4QN;;AFtMM;ECjEF,YFsWuB;EErWvB,WFqWuB;EEpWvB,eFoWuB;AGzF3B;;AF5MM;EC3DF,kBAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;EACA,cFMqB;EELrB,eFqUmB;AG1DvB;ADzQI;EACE,cAAA;AC2QN;;ADvQE;EACE,cFzBc;AGmSlB;ADvQE;EACE,cFzBa;AGkSjB;ADtQE;EACE,cF3BW;AGmSf;ADrQE;EACE,cFnCc;AG0SlB;;ADlQE;EACE,QAAA;EACA,2BAAA;ACqQJ;ADlQE;EACE,OAAA;EACA,4BAAA;ACoQJ;;ADhQA;EACE,UAAA;ACmQF","file":"notification.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(notification) {\n display: flex;\n width: $--notification-width;\n padding: $--notification-padding;\n border-radius: $--notification-radius;\n box-sizing: border-box;\n border: 1px solid $--notification-border-color;\n position: fixed;\n background-color: $--color-white;\n box-shadow: $--notification-shadow;\n transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s;\n overflow: hidden;\n\n &.right {\n right: 16px;\n }\n\n &.left {\n left: 16px;\n }\n\n @include e(group) {\n margin-left: $--notification-group-margin-left;\n margin-right: $--notification-group-margin-right;\n }\n\n @include e(title) {\n font-weight: bold;\n font-size: $--notification-title-font-size;\n color: $--notification-title-color;\n margin: 0;\n }\n\n @include e(content) {\n font-size: $--notification-content-font-size;\n line-height: 21px;\n margin: 6px 0 0 0;\n color: $--notification-content-color;\n text-align: justify;\n\n p {\n margin: 0;\n }\n }\n\n @include e(icon) {\n height: $--notification-icon-size;\n width: $--notification-icon-size;\n font-size: $--notification-icon-size;\n }\n\n @include e(closeBtn) {\n position: absolute;\n top: 18px;\n right: 15px;\n cursor: pointer;\n color: $--notification-close-color;\n font-size: $--notification-close-font-size;\n\n &:hover {\n color: $--notification-close-hover-color;\n }\n }\n\n .el-icon-success {\n color: $--notification-success-icon-color;\n }\n\n .el-icon-error {\n color: $--notification-danger-icon-color;\n }\n\n .el-icon-info {\n color: $--notification-info-icon-color;\n }\n\n .el-icon-warning {\n color: $--notification-warning-icon-color;\n }\n}\n\n.el-notification-fade-enter {\n &.right {\n right: 0;\n transform: translateX(100%);\n }\n\n &.left {\n left: 0;\n transform: translateX(-100%);\n }\n}\n\n.el-notification-fade-leave-active {\n opacity: 0;\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-notification {\n display: flex;\n width: 330px;\n padding: 14px 26px 14px 13px;\n border-radius: 8px;\n box-sizing: border-box;\n border: 1px solid #EBEEF5;\n position: fixed;\n background-color: #FFFFFF;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;\n overflow: hidden;\n}\n.el-notification.right {\n right: 16px;\n}\n.el-notification.left {\n left: 16px;\n}\n.el-notification__group {\n margin-left: 13px;\n margin-right: 8px;\n}\n\n.el-notification__title {\n font-weight: bold;\n font-size: 16px;\n color: #303133;\n margin: 0;\n}\n\n.el-notification__content {\n font-size: 14px;\n line-height: 21px;\n margin: 6px 0 0 0;\n color: #606266;\n text-align: justify;\n}\n.el-notification__content p {\n margin: 0;\n}\n\n.el-notification__icon {\n height: 24px;\n width: 24px;\n font-size: 24px;\n}\n\n.el-notification__closeBtn {\n position: absolute;\n top: 18px;\n right: 15px;\n cursor: pointer;\n color: #909399;\n font-size: 16px;\n}\n.el-notification__closeBtn:hover {\n color: #606266;\n}\n\n.el-notification .el-icon-success {\n color: #67C23A;\n}\n.el-notification .el-icon-error {\n color: #F56C6C;\n}\n.el-notification .el-icon-info {\n color: #909399;\n}\n.el-notification .el-icon-warning {\n color: #E6A23C;\n}\n\n.el-notification-fade-enter.right {\n right: 0;\n transform: translateX(100%);\n}\n.el-notification-fade-enter.left {\n left: 0;\n transform: translateX(-100%);\n}\n\n.el-notification-fade-leave-active {\n opacity: 0;\n}"]}
package/lib/yd-theme/option-group.css ADDED
@@ -0,0 +1 @@
1
+ .el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}
package/lib/yd-theme/option-group.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["mixins/function.scss","common/var.scss","mixins/mixins.scss","option-group.scss","option-group.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,SAAA;EACA,UAAA;AC4QF;AFjKM;ECxGF,kBAAA;EACA,gBAAA;EACA,SAAA;EACA,UAAA;AC4QJ;AD1QI;EACE,oBAAA;AC4QN;AD1QM;EACE,WAAA;EACA,kBAAA;EACA,cAAA;EACA,UAlBA;EAmBA,WAnBA;EAoBA,YAAA;EACA,WAAA;EACA,mBF6Ce;AG+NvB;;AFpLM;EClFF,kBA5BI;EA6BJ,eF4RuB;EE3RvB,cFeW;EEdX,iBFyRoB;AGfxB;;ADvQE;EACE,kBAnCI;AC6SR","file":"option-group.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(select-group) {\n $gap: 20px;\n\n margin: 0;\n padding: 0;\n\n @include e(wrap) {\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0;\n\n &:not(:last-of-type) {\n padding-bottom: 24px;\n\n &::after {\n content: '';\n position: absolute;\n display: block;\n left: $gap;\n right: $gap;\n bottom: 12px;\n height: 1px;\n background: $--border-color-light;\n }\n }\n }\n\n @include e(title) {\n padding-left: $gap;\n font-size: $--select-group-font-size;\n color: $--select-group-color;\n line-height: $--select-group-height;\n }\n\n & .el-select-dropdown__item {\n padding-left: $gap;\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-select-group {\n margin: 0;\n padding: 0;\n}\n.el-select-group__wrap {\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.el-select-group__wrap:not(:last-of-type) {\n padding-bottom: 24px;\n}\n.el-select-group__wrap:not(:last-of-type)::after {\n content: \"\";\n position: absolute;\n display: block;\n left: 20px;\n right: 20px;\n bottom: 12px;\n height: 1px;\n background: #E4E7ED;\n}\n\n.el-select-group__title {\n padding-left: 20px;\n font-size: 12px;\n color: #909399;\n line-height: 30px;\n}\n\n.el-select-group .el-select-dropdown__item {\n padding-left: 20px;\n}"]}
package/lib/yd-theme/option.css ADDED
@@ -0,0 +1 @@
1
+ .el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#409eff;font-weight:700}
package/lib/yd-theme/option.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["mixins/function.scss","common/var.scss","mixins/mixins.scss","option.scss","option.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;ACl4BM;EC7GF,eFyHe;EExHf,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,cFoDmB;EEnDnB,YFySqB;EExSrB,iBFwSqB;EEvSrB,sBAAA;EACA,eAAA;AC6QJ;AFlGI;ECxKE,cFiDqB;EEhDrB,mBAAA;AC6QN;AD3QM;EACE,yBFDQ;AG8QhB;;ADzQI;EACE,yBFoDoB;AGwN1B;ADzQI;EACE,cFZY;EEaZ,iBAAA;AC2QN","file":"option.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(select-dropdown) {\n @include e(item) {\n font-size: $--select-font-size;\n padding: 0 20px;\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: $--select-option-color;\n height: $--select-option-height;\n line-height: $--select-option-height;\n box-sizing: border-box;\n cursor: pointer;\n\n @include when(disabled) {\n color: $--select-option-disabled-color;\n cursor: not-allowed;\n\n &:hover {\n background-color: $--color-white;\n }\n }\n\n &.hover, &:hover {\n background-color: $--select-option-hover-background;\n }\n\n &.selected {\n color: $--select-option-selected-font-color;\n font-weight: bold;\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-select-dropdown__item {\n font-size: 14px;\n padding: 0 20px;\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: #606266;\n height: 34px;\n line-height: 34px;\n box-sizing: border-box;\n cursor: pointer;\n}\n.el-select-dropdown__item.is-disabled {\n color: #C0C4CC;\n cursor: not-allowed;\n}\n.el-select-dropdown__item.is-disabled:hover {\n background-color: #FFFFFF;\n}\n\n.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {\n background-color: #F5F7FA;\n}\n.el-select-dropdown__item.selected {\n color: #409EFF;\n font-weight: bold;\n}"]}
package/lib/yd-theme/page-header.css ADDED
@@ -0,0 +1 @@
1
+ .el-page-header{display:flex;line-height:24px}.el-page-header__left{display:flex;cursor:pointer;margin-right:40px;position:relative}.el-page-header__left::after{content:"";position:absolute;width:1px;height:16px;right:-20px;top:50%;transform:translateY(-50%);background-color:#dcdfe6}.el-page-header__left .el-icon-back{font-size:18px;margin-right:6px;align-self:center}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:#303133}
package/lib/yd-theme/page-header.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["mixins/function.scss","common/var.scss","mixins/mixins.scss","page-header.scss","page-header.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,aAAA;EACA,iBAAA;AC8QF;AFjKM;EC1GF,aAAA;EACA,eAAA;EACA,kBAAA;EACA,kBAAA;AC8QJ;AD5QI;EACE,WAAA;EACA,kBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,QAAA;EACA,2BAAA;EACA,yBFgDgB;AG8NtB;AD3QI;EACE,eAAA;EACA,iBAAA;EACA,kBAAA;AC6QN;AFtLM;ECnFA,eAAA;EACA,gBAAA;AC4QN;;AF1LM;EC7EF,eAAA;EACA,cFuBmB;AGoPvB","file":"page-header.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(page-header) {\n display: flex;\n line-height: 24px;\n\n @include e(left) {\n display: flex;\n cursor: pointer;\n margin-right: 40px;\n position: relative;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: 16px;\n right: -20px;\n top: 50%;\n transform: translateY(-50%);\n background-color: $--border-color-base;\n }\n\n .el-icon-back {\n font-size: 18px;\n margin-right: 6px;\n align-self: center;\n }\n\n @include e(title) {\n font-size: 14px;\n font-weight: 500;\n }\n }\n\n @include e(content) {\n font-size: 18px;\n color: $--color-text-primary;\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-page-header {\n display: flex;\n line-height: 24px;\n}\n.el-page-header__left {\n display: flex;\n cursor: pointer;\n margin-right: 40px;\n position: relative;\n}\n.el-page-header__left::after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: 16px;\n right: -20px;\n top: 50%;\n transform: translateY(-50%);\n background-color: #DCDFE6;\n}\n.el-page-header__left .el-icon-back {\n font-size: 18px;\n margin-right: 6px;\n align-self: center;\n}\n.el-page-header__title {\n font-size: 14px;\n font-weight: 500;\n}\n\n.el-page-header__content {\n font-size: 18px;\n color: #303133;\n}"]}