框架源码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

580 lines
12 KiB

4 years ago
  1. [data-theme="blue"] {
  2. /* Element Chalk Variables */
  3. /* Transition
  4. -------------------------- */
  5. /* Color
  6. -------------------------- */
  7. /* 53a8ff */
  8. /* 66b1ff */
  9. /* 79bbff */
  10. /* 8cc5ff */
  11. /* a0cfff */
  12. /* b3d8ff */
  13. /* c6e2ff */
  14. /* d9ecff */
  15. /* ecf5ff */
  16. /* Link
  17. -------------------------- */
  18. /* Border
  19. -------------------------- */
  20. /* Fill
  21. -------------------------- */
  22. /* Typography
  23. -------------------------- */
  24. /* Size
  25. -------------------------- */
  26. /* z-index
  27. -------------------------- */
  28. /* Disable base
  29. -------------------------- */
  30. /* Icon
  31. -------------------------- */
  32. /* Checkbox
  33. -------------------------- */
  34. /* Radio
  35. -------------------------- */
  36. /* Select
  37. -------------------------- */
  38. /* Alert
  39. -------------------------- */
  40. /* MessageBox
  41. -------------------------- */
  42. /* Message
  43. -------------------------- */
  44. /* Notification
  45. -------------------------- */
  46. /* Input
  47. -------------------------- */
  48. /* Cascader
  49. -------------------------- */
  50. /* Group
  51. -------------------------- */
  52. /* Tab
  53. -------------------------- */
  54. /* Button
  55. -------------------------- */
  56. /* cascader
  57. -------------------------- */
  58. /* Switch
  59. -------------------------- */
  60. /* Dialog
  61. -------------------------- */
  62. /* Table
  63. -------------------------- */
  64. /* Pagination
  65. -------------------------- */
  66. /* Popup
  67. -------------------------- */
  68. /* Popover
  69. -------------------------- */
  70. /* Tooltip
  71. -------------------------- */
  72. /* Tag
  73. -------------------------- */
  74. /* Tree
  75. -------------------------- */
  76. /* Dropdown
  77. -------------------------- */
  78. /* Badge
  79. -------------------------- */
  80. /* Card
  81. --------------------------*/
  82. /* Slider
  83. --------------------------*/
  84. /* Steps
  85. --------------------------*/
  86. /* Menu
  87. --------------------------*/
  88. /* Rate
  89. --------------------------*/
  90. /* DatePicker
  91. --------------------------*/
  92. /* Loading
  93. --------------------------*/
  94. /* Scrollbar
  95. --------------------------*/
  96. /* Carousel
  97. --------------------------*/
  98. /* Collapse
  99. --------------------------*/
  100. /* Transfer
  101. --------------------------*/
  102. /* Header
  103. --------------------------*/
  104. /* Footer
  105. --------------------------*/
  106. /* Main
  107. --------------------------*/
  108. /* Timeline
  109. --------------------------*/
  110. /* Backtop
  111. --------------------------*/
  112. /* Link
  113. --------------------------*/
  114. /* Calendar
  115. --------------------------*/
  116. /* Form
  117. -------------------------- */
  118. /* Avatar
  119. --------------------------*/
  120. /* Break-point
  121. --------------------------*/
  122. /* BEM support Func
  123. -------------------------- */
  124. /* Element Chalk Variables */
  125. /* Transition
  126. -------------------------- */
  127. /* Color
  128. -------------------------- */
  129. /* 53a8ff */
  130. /* 66b1ff */
  131. /* 79bbff */
  132. /* 8cc5ff */
  133. /* a0cfff */
  134. /* b3d8ff */
  135. /* c6e2ff */
  136. /* d9ecff */
  137. /* ecf5ff */
  138. /* Link
  139. -------------------------- */
  140. /* Border
  141. -------------------------- */
  142. /* Fill
  143. -------------------------- */
  144. /* Typography
  145. -------------------------- */
  146. /* Size
  147. -------------------------- */
  148. /* z-index
  149. -------------------------- */
  150. /* Disable base
  151. -------------------------- */
  152. /* Icon
  153. -------------------------- */
  154. /* Checkbox
  155. -------------------------- */
  156. /* Radio
  157. -------------------------- */
  158. /* Select
  159. -------------------------- */
  160. /* Alert
  161. -------------------------- */
  162. /* MessageBox
  163. -------------------------- */
  164. /* Message
  165. -------------------------- */
  166. /* Notification
  167. -------------------------- */
  168. /* Input
  169. -------------------------- */
  170. /* Cascader
  171. -------------------------- */
  172. /* Group
  173. -------------------------- */
  174. /* Tab
  175. -------------------------- */
  176. /* Button
  177. -------------------------- */
  178. /* cascader
  179. -------------------------- */
  180. /* Switch
  181. -------------------------- */
  182. /* Dialog
  183. -------------------------- */
  184. /* Table
  185. -------------------------- */
  186. /* Pagination
  187. -------------------------- */
  188. /* Popup
  189. -------------------------- */
  190. /* Popover
  191. -------------------------- */
  192. /* Tooltip
  193. -------------------------- */
  194. /* Tag
  195. -------------------------- */
  196. /* Tree
  197. -------------------------- */
  198. /* Dropdown
  199. -------------------------- */
  200. /* Badge
  201. -------------------------- */
  202. /* Card
  203. --------------------------*/
  204. /* Slider
  205. --------------------------*/
  206. /* Steps
  207. --------------------------*/
  208. /* Menu
  209. --------------------------*/
  210. /* Rate
  211. --------------------------*/
  212. /* DatePicker
  213. --------------------------*/
  214. /* Loading
  215. --------------------------*/
  216. /* Scrollbar
  217. --------------------------*/
  218. /* Carousel
  219. --------------------------*/
  220. /* Collapse
  221. --------------------------*/
  222. /* Transfer
  223. --------------------------*/
  224. /* Header
  225. --------------------------*/
  226. /* Footer
  227. --------------------------*/
  228. /* Main
  229. --------------------------*/
  230. /* Timeline
  231. --------------------------*/
  232. /* Backtop
  233. --------------------------*/
  234. /* Link
  235. --------------------------*/
  236. /* Calendar
  237. --------------------------*/
  238. /* Form
  239. -------------------------- */
  240. /* Avatar
  241. --------------------------*/
  242. /* Break-point
  243. --------------------------*/
  244. /* Break-points
  245. -------------------------- */
  246. /* Scrollbar
  247. -------------------------- */
  248. /* Placeholder
  249. -------------------------- */
  250. /* BEM
  251. -------------------------- */ }
  252. [data-theme="blue"] .el-row {
  253. position: relative;
  254. -webkit-box-sizing: border-box;
  255. box-sizing: border-box; }
  256. [data-theme="blue"] .el-row::before,
  257. [data-theme="blue"] .el-row::after {
  258. display: table;
  259. content: ""; }
  260. [data-theme="blue"] .el-row::after {
  261. clear: both; }
  262. [data-theme="blue"] .el-row--flex {
  263. display: -webkit-box;
  264. display: -ms-flexbox;
  265. display: flex; }
  266. [data-theme="blue"] .el-row--flex:before, [data-theme="blue"] .el-row--flex:after {
  267. display: none; }
  268. [data-theme="blue"] .el-row--flex.is-justify-center {
  269. -webkit-box-pack: center;
  270. -ms-flex-pack: center;
  271. justify-content: center; }
  272. [data-theme="blue"] .el-row--flex.is-justify-end {
  273. -webkit-box-pack: end;
  274. -ms-flex-pack: end;
  275. justify-content: flex-end; }
  276. [data-theme="blue"] .el-row--flex.is-justify-space-between {
  277. -webkit-box-pack: justify;
  278. -ms-flex-pack: justify;
  279. justify-content: space-between; }
  280. [data-theme="blue"] .el-row--flex.is-justify-space-around {
  281. -ms-flex-pack: distribute;
  282. justify-content: space-around; }
  283. [data-theme="blue"] .el-row--flex.is-align-middle {
  284. -webkit-box-align: center;
  285. -ms-flex-align: center;
  286. align-items: center; }
  287. [data-theme="blue"] .el-row--flex.is-align-bottom {
  288. -webkit-box-align: end;
  289. -ms-flex-align: end;
  290. align-items: flex-end; }
  291. /* Element Chalk Variables */
  292. /* Transition
  293. -------------------------- */
  294. /* Color
  295. -------------------------- */
  296. /* 53a8ff */
  297. /* 66b1ff */
  298. /* 79bbff */
  299. /* 8cc5ff */
  300. /* a0cfff */
  301. /* b3d8ff */
  302. /* c6e2ff */
  303. /* d9ecff */
  304. /* ecf5ff */
  305. /* Link
  306. -------------------------- */
  307. /* Border
  308. -------------------------- */
  309. /* Fill
  310. -------------------------- */
  311. /* Typography
  312. -------------------------- */
  313. /* Size
  314. -------------------------- */
  315. /* z-index
  316. -------------------------- */
  317. /* Disable base
  318. -------------------------- */
  319. /* Icon
  320. -------------------------- */
  321. /* Checkbox
  322. -------------------------- */
  323. /* Radio
  324. -------------------------- */
  325. /* Select
  326. -------------------------- */
  327. /* Alert
  328. -------------------------- */
  329. /* MessageBox
  330. -------------------------- */
  331. /* Message
  332. -------------------------- */
  333. /* Notification
  334. -------------------------- */
  335. /* Input
  336. -------------------------- */
  337. /* Cascader
  338. -------------------------- */
  339. /* Group
  340. -------------------------- */
  341. /* Tab
  342. -------------------------- */
  343. /* Button
  344. -------------------------- */
  345. /* cascader
  346. -------------------------- */
  347. /* Switch
  348. -------------------------- */
  349. /* Dialog
  350. -------------------------- */
  351. /* Table
  352. -------------------------- */
  353. /* Pagination
  354. -------------------------- */
  355. /* Popup
  356. -------------------------- */
  357. /* Popover
  358. -------------------------- */
  359. /* Tooltip
  360. -------------------------- */
  361. /* Tag
  362. -------------------------- */
  363. /* Tree
  364. -------------------------- */
  365. /* Dropdown
  366. -------------------------- */
  367. /* Badge
  368. -------------------------- */
  369. /* Card
  370. --------------------------*/
  371. /* Slider
  372. --------------------------*/
  373. /* Steps
  374. --------------------------*/
  375. /* Menu
  376. --------------------------*/
  377. /* Rate
  378. --------------------------*/
  379. /* DatePicker
  380. --------------------------*/
  381. /* Loading
  382. --------------------------*/
  383. /* Scrollbar
  384. --------------------------*/
  385. /* Carousel
  386. --------------------------*/
  387. /* Collapse
  388. --------------------------*/
  389. /* Transfer
  390. --------------------------*/
  391. /* Header
  392. --------------------------*/
  393. /* Footer
  394. --------------------------*/
  395. /* Main
  396. --------------------------*/
  397. /* Timeline
  398. --------------------------*/
  399. /* Backtop
  400. --------------------------*/
  401. /* Link
  402. --------------------------*/
  403. /* Calendar
  404. --------------------------*/
  405. /* Form
  406. -------------------------- */
  407. /* Avatar
  408. --------------------------*/
  409. /* Break-point
  410. --------------------------*/
  411. /* BEM support Func
  412. -------------------------- */
  413. /* Element Chalk Variables */
  414. /* Transition
  415. -------------------------- */
  416. /* Color
  417. -------------------------- */
  418. /* 53a8ff */
  419. /* 66b1ff */
  420. /* 79bbff */
  421. /* 8cc5ff */
  422. /* a0cfff */
  423. /* b3d8ff */
  424. /* c6e2ff */
  425. /* d9ecff */
  426. /* ecf5ff */
  427. /* Link
  428. -------------------------- */
  429. /* Border
  430. -------------------------- */
  431. /* Fill
  432. -------------------------- */
  433. /* Typography
  434. -------------------------- */
  435. /* Size
  436. -------------------------- */
  437. /* z-index
  438. -------------------------- */
  439. /* Disable base
  440. -------------------------- */
  441. /* Icon
  442. -------------------------- */
  443. /* Checkbox
  444. -------------------------- */
  445. /* Radio
  446. -------------------------- */
  447. /* Select
  448. -------------------------- */
  449. /* Alert
  450. -------------------------- */
  451. /* MessageBox
  452. -------------------------- */
  453. /* Message
  454. -------------------------- */
  455. /* Notification
  456. -------------------------- */
  457. /* Input
  458. -------------------------- */
  459. /* Cascader
  460. -------------------------- */
  461. /* Group
  462. -------------------------- */
  463. /* Tab
  464. -------------------------- */
  465. /* Button
  466. -------------------------- */
  467. /* cascader
  468. -------------------------- */
  469. /* Switch
  470. -------------------------- */
  471. /* Dialog
  472. -------------------------- */
  473. /* Table
  474. -------------------------- */
  475. /* Pagination
  476. -------------------------- */
  477. /* Popup
  478. -------------------------- */
  479. /* Popover
  480. -------------------------- */
  481. /* Tooltip
  482. -------------------------- */
  483. /* Tag
  484. -------------------------- */
  485. /* Tree
  486. -------------------------- */
  487. /* Dropdown
  488. -------------------------- */
  489. /* Badge
  490. -------------------------- */
  491. /* Card
  492. --------------------------*/
  493. /* Slider
  494. --------------------------*/
  495. /* Steps
  496. --------------------------*/
  497. /* Menu
  498. --------------------------*/
  499. /* Rate
  500. --------------------------*/
  501. /* DatePicker
  502. --------------------------*/
  503. /* Loading
  504. --------------------------*/
  505. /* Scrollbar
  506. --------------------------*/
  507. /* Carousel
  508. --------------------------*/
  509. /* Collapse
  510. --------------------------*/
  511. /* Transfer
  512. --------------------------*/
  513. /* Header
  514. --------------------------*/
  515. /* Footer
  516. --------------------------*/
  517. /* Main
  518. --------------------------*/
  519. /* Timeline
  520. --------------------------*/
  521. /* Backtop
  522. --------------------------*/
  523. /* Link
  524. --------------------------*/
  525. /* Calendar
  526. --------------------------*/
  527. /* Form
  528. -------------------------- */
  529. /* Avatar
  530. --------------------------*/
  531. /* Break-point
  532. --------------------------*/
  533. /* Break-points
  534. -------------------------- */
  535. /* Scrollbar
  536. -------------------------- */
  537. /* Placeholder
  538. -------------------------- */
  539. /* BEM
  540. -------------------------- */
  541. .el-row {
  542. position: relative;
  543. -webkit-box-sizing: border-box;
  544. box-sizing: border-box; }
  545. .el-row::before,
  546. .el-row::after {
  547. display: table;
  548. content: ""; }
  549. .el-row::after {
  550. clear: both; }
  551. .el-row--flex {
  552. display: -webkit-box;
  553. display: -ms-flexbox;
  554. display: flex; }
  555. .el-row--flex:before, .el-row--flex:after {
  556. display: none; }
  557. .el-row--flex.is-justify-center {
  558. -webkit-box-pack: center;
  559. -ms-flex-pack: center;
  560. justify-content: center; }
  561. .el-row--flex.is-justify-end {
  562. -webkit-box-pack: end;
  563. -ms-flex-pack: end;
  564. justify-content: flex-end; }
  565. .el-row--flex.is-justify-space-between {
  566. -webkit-box-pack: justify;
  567. -ms-flex-pack: justify;
  568. justify-content: space-between; }
  569. .el-row--flex.is-justify-space-around {
  570. -ms-flex-pack: distribute;
  571. justify-content: space-around; }
  572. .el-row--flex.is-align-middle {
  573. -webkit-box-align: center;
  574. -ms-flex-align: center;
  575. align-items: center; }
  576. .el-row--flex.is-align-bottom {
  577. -webkit-box-align: end;
  578. -ms-flex-align: end;
  579. align-items: flex-end; }