app模板、应用模板、组件模板、widget模板
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.

648 lines
14 KiB

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