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

570 lines
12 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-rate {
  253. height: 20px;
  254. line-height: 1; }
  255. [data-theme="blue"] .el-rate:focus, [data-theme="blue"] .el-rate:active {
  256. outline-width: 0; }
  257. .el-rate__item {
  258. display: inline-block;
  259. position: relative;
  260. font-size: 0;
  261. vertical-align: middle; }
  262. .el-rate__icon {
  263. position: relative;
  264. display: inline-block;
  265. font-size: 18px;
  266. margin-right: 6px;
  267. color: rgba(255, 255, 255, 0.5);
  268. -webkit-transition: .3s;
  269. transition: .3s; }
  270. .el-rate__icon.hover {
  271. -webkit-transform: scale(1.15);
  272. transform: scale(1.15); }
  273. .el-rate__icon .path2 {
  274. position: absolute;
  275. left: 0;
  276. top: 0; }
  277. .el-rate__decimal {
  278. position: absolute;
  279. top: 0;
  280. left: 0;
  281. display: inline-block;
  282. overflow: hidden; }
  283. .el-rate__text {
  284. font-size: 14px;
  285. vertical-align: middle; }
  286. /* BEM support Func
  287. -------------------------- */
  288. /* Element Chalk Variables */
  289. /* Transition
  290. -------------------------- */
  291. /* Color
  292. -------------------------- */
  293. /* 53a8ff */
  294. /* 66b1ff */
  295. /* 79bbff */
  296. /* 8cc5ff */
  297. /* a0cfff */
  298. /* b3d8ff */
  299. /* c6e2ff */
  300. /* d9ecff */
  301. /* ecf5ff */
  302. /* Link
  303. -------------------------- */
  304. /* Border
  305. -------------------------- */
  306. /* Fill
  307. -------------------------- */
  308. /* Typography
  309. -------------------------- */
  310. /* Size
  311. -------------------------- */
  312. /* z-index
  313. -------------------------- */
  314. /* Disable base
  315. -------------------------- */
  316. /* Icon
  317. -------------------------- */
  318. /* Checkbox
  319. -------------------------- */
  320. /* Radio
  321. -------------------------- */
  322. /* Select
  323. -------------------------- */
  324. /* Alert
  325. -------------------------- */
  326. /* MessageBox
  327. -------------------------- */
  328. /* Message
  329. -------------------------- */
  330. /* Notification
  331. -------------------------- */
  332. /* Input
  333. -------------------------- */
  334. /* Cascader
  335. -------------------------- */
  336. /* Group
  337. -------------------------- */
  338. /* Tab
  339. -------------------------- */
  340. /* Button
  341. -------------------------- */
  342. /* cascader
  343. -------------------------- */
  344. /* Switch
  345. -------------------------- */
  346. /* Dialog
  347. -------------------------- */
  348. /* Table
  349. -------------------------- */
  350. /* Pagination
  351. -------------------------- */
  352. /* Popup
  353. -------------------------- */
  354. /* Popover
  355. -------------------------- */
  356. /* Tooltip
  357. -------------------------- */
  358. /* Tag
  359. -------------------------- */
  360. /* Tree
  361. -------------------------- */
  362. /* Dropdown
  363. -------------------------- */
  364. /* Badge
  365. -------------------------- */
  366. /* Card
  367. --------------------------*/
  368. /* Slider
  369. --------------------------*/
  370. /* Steps
  371. --------------------------*/
  372. /* Menu
  373. --------------------------*/
  374. /* Rate
  375. --------------------------*/
  376. /* DatePicker
  377. --------------------------*/
  378. /* Loading
  379. --------------------------*/
  380. /* Scrollbar
  381. --------------------------*/
  382. /* Carousel
  383. --------------------------*/
  384. /* Collapse
  385. --------------------------*/
  386. /* Transfer
  387. --------------------------*/
  388. /* Header
  389. --------------------------*/
  390. /* Footer
  391. --------------------------*/
  392. /* Main
  393. --------------------------*/
  394. /* Timeline
  395. --------------------------*/
  396. /* Backtop
  397. --------------------------*/
  398. /* Link
  399. --------------------------*/
  400. /* Calendar
  401. --------------------------*/
  402. /* Form
  403. -------------------------- */
  404. /* Avatar
  405. --------------------------*/
  406. /* Break-point
  407. --------------------------*/
  408. /* Break-points
  409. -------------------------- */
  410. /* Scrollbar
  411. -------------------------- */
  412. /* Placeholder
  413. -------------------------- */
  414. /* BEM
  415. -------------------------- */
  416. /* Element Chalk Variables */
  417. /* Transition
  418. -------------------------- */
  419. /* Color
  420. -------------------------- */
  421. /* 53a8ff */
  422. /* 66b1ff */
  423. /* 79bbff */
  424. /* 8cc5ff */
  425. /* a0cfff */
  426. /* b3d8ff */
  427. /* c6e2ff */
  428. /* d9ecff */
  429. /* ecf5ff */
  430. /* Link
  431. -------------------------- */
  432. /* Border
  433. -------------------------- */
  434. /* Fill
  435. -------------------------- */
  436. /* Typography
  437. -------------------------- */
  438. /* Size
  439. -------------------------- */
  440. /* z-index
  441. -------------------------- */
  442. /* Disable base
  443. -------------------------- */
  444. /* Icon
  445. -------------------------- */
  446. /* Checkbox
  447. -------------------------- */
  448. /* Radio
  449. -------------------------- */
  450. /* Select
  451. -------------------------- */
  452. /* Alert
  453. -------------------------- */
  454. /* MessageBox
  455. -------------------------- */
  456. /* Message
  457. -------------------------- */
  458. /* Notification
  459. -------------------------- */
  460. /* Input
  461. -------------------------- */
  462. /* Cascader
  463. -------------------------- */
  464. /* Group
  465. -------------------------- */
  466. /* Tab
  467. -------------------------- */
  468. /* Button
  469. -------------------------- */
  470. /* cascader
  471. -------------------------- */
  472. /* Switch
  473. -------------------------- */
  474. /* Dialog
  475. -------------------------- */
  476. /* Table
  477. -------------------------- */
  478. /* Pagination
  479. -------------------------- */
  480. /* Popup
  481. -------------------------- */
  482. /* Popover
  483. -------------------------- */
  484. /* Tooltip
  485. -------------------------- */
  486. /* Tag
  487. -------------------------- */
  488. /* Tree
  489. -------------------------- */
  490. /* Dropdown
  491. -------------------------- */
  492. /* Badge
  493. -------------------------- */
  494. /* Card
  495. --------------------------*/
  496. /* Slider
  497. --------------------------*/
  498. /* Steps
  499. --------------------------*/
  500. /* Menu
  501. --------------------------*/
  502. /* Rate
  503. --------------------------*/
  504. /* DatePicker
  505. --------------------------*/
  506. /* Loading
  507. --------------------------*/
  508. /* Scrollbar
  509. --------------------------*/
  510. /* Carousel
  511. --------------------------*/
  512. /* Collapse
  513. --------------------------*/
  514. /* Transfer
  515. --------------------------*/
  516. /* Header
  517. --------------------------*/
  518. /* Footer
  519. --------------------------*/
  520. /* Main
  521. --------------------------*/
  522. /* Timeline
  523. --------------------------*/
  524. /* Backtop
  525. --------------------------*/
  526. /* Link
  527. --------------------------*/
  528. /* Calendar
  529. --------------------------*/
  530. /* Form
  531. -------------------------- */
  532. /* Avatar
  533. --------------------------*/
  534. /* Break-point
  535. --------------------------*/
  536. .el-rate {
  537. height: 20px;
  538. line-height: 1; }
  539. .el-rate:focus, .el-rate:active {
  540. outline-width: 0; }
  541. .el-rate__item {
  542. display: inline-block;
  543. position: relative;
  544. font-size: 0;
  545. vertical-align: middle; }
  546. .el-rate__icon {
  547. position: relative;
  548. display: inline-block;
  549. font-size: 18px;
  550. margin-right: 6px;
  551. color: rgba(255, 255, 255, 0.5);
  552. -webkit-transition: .3s;
  553. transition: .3s; }
  554. .el-rate__icon.hover {
  555. -webkit-transform: scale(1.15);
  556. transform: scale(1.15); }
  557. .el-rate__icon .path2 {
  558. position: absolute;
  559. left: 0;
  560. top: 0; }
  561. .el-rate__decimal {
  562. position: absolute;
  563. top: 0;
  564. left: 0;
  565. display: inline-block;
  566. overflow: hidden; }
  567. .el-rate__text {
  568. font-size: 14px;
  569. vertical-align: middle; }