框架源码
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.

686 lines
16 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-link {
  253. display: -webkit-inline-box;
  254. display: -ms-inline-flexbox;
  255. display: inline-flex;
  256. -webkit-box-orient: horizontal;
  257. -webkit-box-direction: normal;
  258. -ms-flex-direction: row;
  259. flex-direction: row;
  260. -webkit-box-align: center;
  261. -ms-flex-align: center;
  262. align-items: center;
  263. -webkit-box-pack: center;
  264. -ms-flex-pack: center;
  265. justify-content: center;
  266. vertical-align: middle;
  267. position: relative;
  268. text-decoration: none;
  269. outline: none;
  270. cursor: pointer;
  271. padding: 0;
  272. font-size: 14px;
  273. font-weight: 500; }
  274. [data-theme="blue"] .el-link.is-underline:hover:after {
  275. content: "";
  276. position: absolute;
  277. left: 0;
  278. right: 0;
  279. height: 0;
  280. bottom: 0;
  281. border-bottom: 1px solid #92D9FF; }
  282. [data-theme="blue"] .el-link.is-disabled {
  283. cursor: not-allowed; }
  284. [data-theme="blue"] .el-link [class*="el-icon-"] + span {
  285. margin-left: 5px; }
  286. [data-theme="blue"] .el-link.el-link--default {
  287. color: #FFFFFF; }
  288. [data-theme="blue"] .el-link.el-link--default:hover {
  289. color: #92D9FF; }
  290. [data-theme="blue"] .el-link.el-link--default:after {
  291. border-color: #92D9FF; }
  292. [data-theme="blue"] .el-link.el-link--default.is-disabled {
  293. color: rgba(255, 255, 255, 0.5); }
  294. [data-theme="blue"] .el-link.el-link--primary {
  295. color: #92D9FF; }
  296. [data-theme="blue"] .el-link.el-link--primary:hover {
  297. color: #75aecc; }
  298. [data-theme="blue"] .el-link.el-link--primary:after {
  299. border-color: #92D9FF; }
  300. [data-theme="blue"] .el-link.el-link--primary.is-disabled {
  301. color: #496d80; }
  302. [data-theme="blue"] .el-link.el-link--primary.is-underline:hover:after {
  303. border-color: #92D9FF; }
  304. [data-theme="blue"] .el-link.el-link--danger {
  305. color: #FF6D6D; }
  306. [data-theme="blue"] .el-link.el-link--danger:hover {
  307. color: #cc5757; }
  308. [data-theme="blue"] .el-link.el-link--danger:after {
  309. border-color: #FF6D6D; }
  310. [data-theme="blue"] .el-link.el-link--danger.is-disabled {
  311. color: #803737; }
  312. [data-theme="blue"] .el-link.el-link--danger.is-underline:hover:after {
  313. border-color: #FF6D6D; }
  314. [data-theme="blue"] .el-link.el-link--success {
  315. color: #92D9FF; }
  316. [data-theme="blue"] .el-link.el-link--success:hover {
  317. color: #75aecc; }
  318. [data-theme="blue"] .el-link.el-link--success:after {
  319. border-color: #92D9FF; }
  320. [data-theme="blue"] .el-link.el-link--success.is-disabled {
  321. color: #496d80; }
  322. [data-theme="blue"] .el-link.el-link--success.is-underline:hover:after {
  323. border-color: #92D9FF; }
  324. [data-theme="blue"] .el-link.el-link--warning {
  325. color: #FFCE6D; }
  326. [data-theme="blue"] .el-link.el-link--warning:hover {
  327. color: #cca557; }
  328. [data-theme="blue"] .el-link.el-link--warning:after {
  329. border-color: #FFCE6D; }
  330. [data-theme="blue"] .el-link.el-link--warning.is-disabled {
  331. color: #806737; }
  332. [data-theme="blue"] .el-link.el-link--warning.is-underline:hover:after {
  333. border-color: #FFCE6D; }
  334. [data-theme="blue"] .el-link.el-link--info {
  335. color: #333333; }
  336. [data-theme="blue"] .el-link.el-link--info:hover {
  337. color: #292929; }
  338. [data-theme="blue"] .el-link.el-link--info:after {
  339. border-color: #333333; }
  340. [data-theme="blue"] .el-link.el-link--info.is-disabled {
  341. color: #1a1a1a; }
  342. [data-theme="blue"] .el-link.el-link--info.is-underline:hover:after {
  343. border-color: #333333; }
  344. /* BEM support Func
  345. -------------------------- */
  346. /* Element Chalk Variables */
  347. /* Transition
  348. -------------------------- */
  349. /* Color
  350. -------------------------- */
  351. /* 53a8ff */
  352. /* 66b1ff */
  353. /* 79bbff */
  354. /* 8cc5ff */
  355. /* a0cfff */
  356. /* b3d8ff */
  357. /* c6e2ff */
  358. /* d9ecff */
  359. /* ecf5ff */
  360. /* Link
  361. -------------------------- */
  362. /* Border
  363. -------------------------- */
  364. /* Fill
  365. -------------------------- */
  366. /* Typography
  367. -------------------------- */
  368. /* Size
  369. -------------------------- */
  370. /* z-index
  371. -------------------------- */
  372. /* Disable base
  373. -------------------------- */
  374. /* Icon
  375. -------------------------- */
  376. /* Checkbox
  377. -------------------------- */
  378. /* Radio
  379. -------------------------- */
  380. /* Select
  381. -------------------------- */
  382. /* Alert
  383. -------------------------- */
  384. /* MessageBox
  385. -------------------------- */
  386. /* Message
  387. -------------------------- */
  388. /* Notification
  389. -------------------------- */
  390. /* Input
  391. -------------------------- */
  392. /* Cascader
  393. -------------------------- */
  394. /* Group
  395. -------------------------- */
  396. /* Tab
  397. -------------------------- */
  398. /* Button
  399. -------------------------- */
  400. /* cascader
  401. -------------------------- */
  402. /* Switch
  403. -------------------------- */
  404. /* Dialog
  405. -------------------------- */
  406. /* Table
  407. -------------------------- */
  408. /* Pagination
  409. -------------------------- */
  410. /* Popup
  411. -------------------------- */
  412. /* Popover
  413. -------------------------- */
  414. /* Tooltip
  415. -------------------------- */
  416. /* Tag
  417. -------------------------- */
  418. /* Tree
  419. -------------------------- */
  420. /* Dropdown
  421. -------------------------- */
  422. /* Badge
  423. -------------------------- */
  424. /* Card
  425. --------------------------*/
  426. /* Slider
  427. --------------------------*/
  428. /* Steps
  429. --------------------------*/
  430. /* Menu
  431. --------------------------*/
  432. /* Rate
  433. --------------------------*/
  434. /* DatePicker
  435. --------------------------*/
  436. /* Loading
  437. --------------------------*/
  438. /* Scrollbar
  439. --------------------------*/
  440. /* Carousel
  441. --------------------------*/
  442. /* Collapse
  443. --------------------------*/
  444. /* Transfer
  445. --------------------------*/
  446. /* Header
  447. --------------------------*/
  448. /* Footer
  449. --------------------------*/
  450. /* Main
  451. --------------------------*/
  452. /* Timeline
  453. --------------------------*/
  454. /* Backtop
  455. --------------------------*/
  456. /* Link
  457. --------------------------*/
  458. /* Calendar
  459. --------------------------*/
  460. /* Form
  461. -------------------------- */
  462. /* Avatar
  463. --------------------------*/
  464. /* Break-point
  465. --------------------------*/
  466. /* Break-points
  467. -------------------------- */
  468. /* Scrollbar
  469. -------------------------- */
  470. /* Placeholder
  471. -------------------------- */
  472. /* BEM
  473. -------------------------- */
  474. /* Element Chalk Variables */
  475. /* Transition
  476. -------------------------- */
  477. /* Color
  478. -------------------------- */
  479. /* 53a8ff */
  480. /* 66b1ff */
  481. /* 79bbff */
  482. /* 8cc5ff */
  483. /* a0cfff */
  484. /* b3d8ff */
  485. /* c6e2ff */
  486. /* d9ecff */
  487. /* ecf5ff */
  488. /* Link
  489. -------------------------- */
  490. /* Border
  491. -------------------------- */
  492. /* Fill
  493. -------------------------- */
  494. /* Typography
  495. -------------------------- */
  496. /* Size
  497. -------------------------- */
  498. /* z-index
  499. -------------------------- */
  500. /* Disable base
  501. -------------------------- */
  502. /* Icon
  503. -------------------------- */
  504. /* Checkbox
  505. -------------------------- */
  506. /* Radio
  507. -------------------------- */
  508. /* Select
  509. -------------------------- */
  510. /* Alert
  511. -------------------------- */
  512. /* MessageBox
  513. -------------------------- */
  514. /* Message
  515. -------------------------- */
  516. /* Notification
  517. -------------------------- */
  518. /* Input
  519. -------------------------- */
  520. /* Cascader
  521. -------------------------- */
  522. /* Group
  523. -------------------------- */
  524. /* Tab
  525. -------------------------- */
  526. /* Button
  527. -------------------------- */
  528. /* cascader
  529. -------------------------- */
  530. /* Switch
  531. -------------------------- */
  532. /* Dialog
  533. -------------------------- */
  534. /* Table
  535. -------------------------- */
  536. /* Pagination
  537. -------------------------- */
  538. /* Popup
  539. -------------------------- */
  540. /* Popover
  541. -------------------------- */
  542. /* Tooltip
  543. -------------------------- */
  544. /* Tag
  545. -------------------------- */
  546. /* Tree
  547. -------------------------- */
  548. /* Dropdown
  549. -------------------------- */
  550. /* Badge
  551. -------------------------- */
  552. /* Card
  553. --------------------------*/
  554. /* Slider
  555. --------------------------*/
  556. /* Steps
  557. --------------------------*/
  558. /* Menu
  559. --------------------------*/
  560. /* Rate
  561. --------------------------*/
  562. /* DatePicker
  563. --------------------------*/
  564. /* Loading
  565. --------------------------*/
  566. /* Scrollbar
  567. --------------------------*/
  568. /* Carousel
  569. --------------------------*/
  570. /* Collapse
  571. --------------------------*/
  572. /* Transfer
  573. --------------------------*/
  574. /* Header
  575. --------------------------*/
  576. /* Footer
  577. --------------------------*/
  578. /* Main
  579. --------------------------*/
  580. /* Timeline
  581. --------------------------*/
  582. /* Backtop
  583. --------------------------*/
  584. /* Link
  585. --------------------------*/
  586. /* Calendar
  587. --------------------------*/
  588. /* Form
  589. -------------------------- */
  590. /* Avatar
  591. --------------------------*/
  592. /* Break-point
  593. --------------------------*/
  594. .el-link {
  595. display: -webkit-inline-box;
  596. display: -ms-inline-flexbox;
  597. display: inline-flex;
  598. -webkit-box-orient: horizontal;
  599. -webkit-box-direction: normal;
  600. -ms-flex-direction: row;
  601. flex-direction: row;
  602. -webkit-box-align: center;
  603. -ms-flex-align: center;
  604. align-items: center;
  605. -webkit-box-pack: center;
  606. -ms-flex-pack: center;
  607. justify-content: center;
  608. vertical-align: middle;
  609. position: relative;
  610. text-decoration: none;
  611. outline: none;
  612. cursor: pointer;
  613. padding: 0;
  614. font-size: 14px;
  615. font-weight: 500; }
  616. .el-link.is-underline:hover:after {
  617. content: "";
  618. position: absolute;
  619. left: 0;
  620. right: 0;
  621. height: 0;
  622. bottom: 0;
  623. border-bottom: 1px solid #92D9FF; }
  624. .el-link.is-disabled {
  625. cursor: not-allowed; }
  626. .el-link [class*="el-icon-"] + span {
  627. margin-left: 5px; }
  628. .el-link.el-link--default {
  629. color: #FFFFFF; }
  630. .el-link.el-link--default:hover {
  631. color: #92D9FF; }
  632. .el-link.el-link--default:after {
  633. border-color: #92D9FF; }
  634. .el-link.el-link--default.is-disabled {
  635. color: rgba(255, 255, 255, 0.5); }
  636. .el-link.el-link--primary {
  637. color: #92D9FF; }
  638. .el-link.el-link--primary:hover {
  639. color: #75aecc; }
  640. .el-link.el-link--primary:after {
  641. border-color: #92D9FF; }
  642. .el-link.el-link--primary.is-disabled {
  643. color: #496d80; }
  644. .el-link.el-link--primary.is-underline:hover:after {
  645. border-color: #92D9FF; }
  646. .el-link.el-link--danger {
  647. color: #FF6D6D; }
  648. .el-link.el-link--danger:hover {
  649. color: #cc5757; }
  650. .el-link.el-link--danger:after {
  651. border-color: #FF6D6D; }
  652. .el-link.el-link--danger.is-disabled {
  653. color: #803737; }
  654. .el-link.el-link--danger.is-underline:hover:after {
  655. border-color: #FF6D6D; }
  656. .el-link.el-link--success {
  657. color: #92D9FF; }
  658. .el-link.el-link--success:hover {
  659. color: #75aecc; }
  660. .el-link.el-link--success:after {
  661. border-color: #92D9FF; }
  662. .el-link.el-link--success.is-disabled {
  663. color: #496d80; }
  664. .el-link.el-link--success.is-underline:hover:after {
  665. border-color: #92D9FF; }
  666. .el-link.el-link--warning {
  667. color: #FFCE6D; }
  668. .el-link.el-link--warning:hover {
  669. color: #cca557; }
  670. .el-link.el-link--warning:after {
  671. border-color: #FFCE6D; }
  672. .el-link.el-link--warning.is-disabled {
  673. color: #806737; }
  674. .el-link.el-link--warning.is-underline:hover:after {
  675. border-color: #FFCE6D; }
  676. .el-link.el-link--info {
  677. color: #333333; }
  678. .el-link.el-link--info:hover {
  679. color: #292929; }
  680. .el-link.el-link--info:after {
  681. border-color: #333333; }
  682. .el-link.el-link--info.is-disabled {
  683. color: #1a1a1a; }
  684. .el-link.el-link--info.is-underline:hover:after {
  685. border-color: #333333; }