divider.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284
  1. /* Element Chalk Variables */
  2. /* Transition
  3. -------------------------- */
  4. /* Color
  5. -------------------------- */
  6. /* 53a8ff */
  7. /* 66b1ff */
  8. /* 79bbff */
  9. /* 8cc5ff */
  10. /* a0cfff */
  11. /* b3d8ff */
  12. /* c6e2ff */
  13. /* d9ecff */
  14. /* ecf5ff */
  15. /* Link
  16. -------------------------- */
  17. /* Border
  18. -------------------------- */
  19. /* Fill
  20. -------------------------- */
  21. /* Typography
  22. -------------------------- */
  23. /* Size
  24. -------------------------- */
  25. /* z-index
  26. -------------------------- */
  27. /* Disable base
  28. -------------------------- */
  29. /* Icon
  30. -------------------------- */
  31. /* Checkbox
  32. -------------------------- */
  33. /* Radio
  34. -------------------------- */
  35. /* Select
  36. -------------------------- */
  37. /* Alert
  38. -------------------------- */
  39. /* MessageBox
  40. -------------------------- */
  41. /* Message
  42. -------------------------- */
  43. /* Notification
  44. -------------------------- */
  45. /* Input
  46. -------------------------- */
  47. /* Cascader
  48. -------------------------- */
  49. /* Group
  50. -------------------------- */
  51. /* Tab
  52. -------------------------- */
  53. /* Button
  54. -------------------------- */
  55. /* cascader
  56. -------------------------- */
  57. /* Switch
  58. -------------------------- */
  59. /* Dialog
  60. -------------------------- */
  61. /* Table
  62. -------------------------- */
  63. /* Pagination
  64. -------------------------- */
  65. /* Popup
  66. -------------------------- */
  67. /* Popover
  68. -------------------------- */
  69. /* Tooltip
  70. -------------------------- */
  71. /* Tag
  72. -------------------------- */
  73. /* Tree
  74. -------------------------- */
  75. /* Dropdown
  76. -------------------------- */
  77. /* Badge
  78. -------------------------- */
  79. /* Card
  80. --------------------------*/
  81. /* Slider
  82. --------------------------*/
  83. /* Steps
  84. --------------------------*/
  85. /* Menu
  86. --------------------------*/
  87. /* Rate
  88. --------------------------*/
  89. /* DatePicker
  90. --------------------------*/
  91. /* Loading
  92. --------------------------*/
  93. /* Scrollbar
  94. --------------------------*/
  95. /* Carousel
  96. --------------------------*/
  97. /* Collapse
  98. --------------------------*/
  99. /* Transfer
  100. --------------------------*/
  101. /* Header
  102. --------------------------*/
  103. /* Footer
  104. --------------------------*/
  105. /* Main
  106. --------------------------*/
  107. /* Timeline
  108. --------------------------*/
  109. /* Backtop
  110. --------------------------*/
  111. /* Link
  112. --------------------------*/
  113. /* Calendar
  114. --------------------------*/
  115. /* Form
  116. -------------------------- */
  117. /* Avatar
  118. --------------------------*/
  119. /* Break-point
  120. --------------------------*/
  121. /* BEM support Func
  122. -------------------------- */
  123. /* Element Chalk Variables */
  124. /* Transition
  125. -------------------------- */
  126. /* Color
  127. -------------------------- */
  128. /* 53a8ff */
  129. /* 66b1ff */
  130. /* 79bbff */
  131. /* 8cc5ff */
  132. /* a0cfff */
  133. /* b3d8ff */
  134. /* c6e2ff */
  135. /* d9ecff */
  136. /* ecf5ff */
  137. /* Link
  138. -------------------------- */
  139. /* Border
  140. -------------------------- */
  141. /* Fill
  142. -------------------------- */
  143. /* Typography
  144. -------------------------- */
  145. /* Size
  146. -------------------------- */
  147. /* z-index
  148. -------------------------- */
  149. /* Disable base
  150. -------------------------- */
  151. /* Icon
  152. -------------------------- */
  153. /* Checkbox
  154. -------------------------- */
  155. /* Radio
  156. -------------------------- */
  157. /* Select
  158. -------------------------- */
  159. /* Alert
  160. -------------------------- */
  161. /* MessageBox
  162. -------------------------- */
  163. /* Message
  164. -------------------------- */
  165. /* Notification
  166. -------------------------- */
  167. /* Input
  168. -------------------------- */
  169. /* Cascader
  170. -------------------------- */
  171. /* Group
  172. -------------------------- */
  173. /* Tab
  174. -------------------------- */
  175. /* Button
  176. -------------------------- */
  177. /* cascader
  178. -------------------------- */
  179. /* Switch
  180. -------------------------- */
  181. /* Dialog
  182. -------------------------- */
  183. /* Table
  184. -------------------------- */
  185. /* Pagination
  186. -------------------------- */
  187. /* Popup
  188. -------------------------- */
  189. /* Popover
  190. -------------------------- */
  191. /* Tooltip
  192. -------------------------- */
  193. /* Tag
  194. -------------------------- */
  195. /* Tree
  196. -------------------------- */
  197. /* Dropdown
  198. -------------------------- */
  199. /* Badge
  200. -------------------------- */
  201. /* Card
  202. --------------------------*/
  203. /* Slider
  204. --------------------------*/
  205. /* Steps
  206. --------------------------*/
  207. /* Menu
  208. --------------------------*/
  209. /* Rate
  210. --------------------------*/
  211. /* DatePicker
  212. --------------------------*/
  213. /* Loading
  214. --------------------------*/
  215. /* Scrollbar
  216. --------------------------*/
  217. /* Carousel
  218. --------------------------*/
  219. /* Collapse
  220. --------------------------*/
  221. /* Transfer
  222. --------------------------*/
  223. /* Header
  224. --------------------------*/
  225. /* Footer
  226. --------------------------*/
  227. /* Main
  228. --------------------------*/
  229. /* Timeline
  230. --------------------------*/
  231. /* Backtop
  232. --------------------------*/
  233. /* Link
  234. --------------------------*/
  235. /* Calendar
  236. --------------------------*/
  237. /* Form
  238. -------------------------- */
  239. /* Avatar
  240. --------------------------*/
  241. /* Break-point
  242. --------------------------*/
  243. /* Break-points
  244. -------------------------- */
  245. /* Scrollbar
  246. -------------------------- */
  247. /* Placeholder
  248. -------------------------- */
  249. /* BEM
  250. -------------------------- */
  251. .el-divider {
  252. background-color: #DCDFE6;
  253. position: relative; }
  254. .el-divider--horizontal {
  255. display: block;
  256. height: 1px;
  257. width: 100%;
  258. margin: 24px 0; }
  259. .el-divider--vertical {
  260. display: inline-block;
  261. width: 1px;
  262. height: 1em;
  263. margin: 0 8px;
  264. vertical-align: middle;
  265. position: relative; }
  266. .el-divider__text {
  267. position: absolute;
  268. background-color: #FFFFFF;
  269. padding: 0 20px;
  270. font-weight: 500;
  271. color: #303133;
  272. font-size: 14px; }
  273. .el-divider__text.is-left {
  274. left: 20px;
  275. -webkit-transform: translateY(-50%);
  276. transform: translateY(-50%); }
  277. .el-divider__text.is-center {
  278. left: 50%;
  279. -webkit-transform: translateX(-50%) translateY(-50%);
  280. transform: translateX(-50%) translateY(-50%); }
  281. .el-divider__text.is-right {
  282. right: 20px;
  283. -webkit-transform: translateY(-50%);
  284. transform: translateY(-50%); }