dropdown.css 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350
  1. /* BEM support Func
  2. -------------------------- */
  3. /* Element Chalk Variables */
  4. /* Transition
  5. -------------------------- */
  6. /* Colors
  7. -------------------------- */
  8. /* 53a8ff */
  9. /* 66b1ff */
  10. /* 79bbff */
  11. /* 8cc5ff */
  12. /* a0cfff */
  13. /* b3d8ff */
  14. /* c6e2ff */
  15. /* d9ecff */
  16. /* ecf5ff */
  17. /* Link
  18. -------------------------- */
  19. /* Background
  20. -------------------------- */
  21. /* Border
  22. -------------------------- */
  23. /* Box-shadow
  24. -------------------------- */
  25. /* Fill
  26. -------------------------- */
  27. /* Font
  28. -------------------------- */
  29. /* Size
  30. -------------------------- */
  31. /* z-index
  32. -------------------------- */
  33. /* Disable base
  34. -------------------------- */
  35. /* Icon
  36. -------------------------- */
  37. /* Checkbox
  38. -------------------------- */
  39. /* Radio
  40. -------------------------- */
  41. /* Select
  42. -------------------------- */
  43. /* Alert
  44. -------------------------- */
  45. /* Message Box
  46. -------------------------- */
  47. /* Message
  48. -------------------------- */
  49. /* Notification
  50. -------------------------- */
  51. /* Input
  52. -------------------------- */
  53. /* Cascader
  54. -------------------------- */
  55. /* Group
  56. -------------------------- */
  57. /* Tab
  58. -------------------------- */
  59. /* Button
  60. -------------------------- */
  61. /* cascader
  62. -------------------------- */
  63. /* Switch
  64. -------------------------- */
  65. /* Dialog
  66. -------------------------- */
  67. /* Table
  68. -------------------------- */
  69. /* Pagination
  70. -------------------------- */
  71. /* Popover
  72. -------------------------- */
  73. /* Tooltip
  74. -------------------------- */
  75. /* Tag
  76. -------------------------- */
  77. /* Tree
  78. -------------------------- */
  79. /* Dropdown
  80. -------------------------- */
  81. /* Badge
  82. -------------------------- */
  83. /* Card
  84. --------------------------*/
  85. /* Slider
  86. --------------------------*/
  87. /* Steps
  88. --------------------------*/
  89. /* MenuSlide
  90. --------------------------*/
  91. /* Rate
  92. --------------------------*/
  93. /* DatePicker
  94. --------------------------*/
  95. /* Loading
  96. --------------------------*/
  97. /* Scrollbar
  98. --------------------------*/
  99. /* Carousel
  100. --------------------------*/
  101. /* Collapse
  102. --------------------------*/
  103. /* Transfer
  104. --------------------------*/
  105. /* Header
  106. --------------------------*/
  107. /* Footer
  108. --------------------------*/
  109. /* Main
  110. --------------------------*/
  111. /* Break-point
  112. --------------------------*/
  113. /* Break-points
  114. -------------------------- */
  115. /* Scrollbar
  116. -------------------------- */
  117. /* Placeholder
  118. -------------------------- */
  119. /* BEM
  120. -------------------------- */
  121. /* Element Chalk Variables */
  122. /* Transition
  123. -------------------------- */
  124. /* Colors
  125. -------------------------- */
  126. /* 53a8ff */
  127. /* 66b1ff */
  128. /* 79bbff */
  129. /* 8cc5ff */
  130. /* a0cfff */
  131. /* b3d8ff */
  132. /* c6e2ff */
  133. /* d9ecff */
  134. /* ecf5ff */
  135. /* Link
  136. -------------------------- */
  137. /* Background
  138. -------------------------- */
  139. /* Border
  140. -------------------------- */
  141. /* Box-shadow
  142. -------------------------- */
  143. /* Fill
  144. -------------------------- */
  145. /* Font
  146. -------------------------- */
  147. /* Size
  148. -------------------------- */
  149. /* z-index
  150. -------------------------- */
  151. /* Disable base
  152. -------------------------- */
  153. /* Icon
  154. -------------------------- */
  155. /* Checkbox
  156. -------------------------- */
  157. /* Radio
  158. -------------------------- */
  159. /* Select
  160. -------------------------- */
  161. /* Alert
  162. -------------------------- */
  163. /* Message Box
  164. -------------------------- */
  165. /* Message
  166. -------------------------- */
  167. /* Notification
  168. -------------------------- */
  169. /* Input
  170. -------------------------- */
  171. /* Cascader
  172. -------------------------- */
  173. /* Group
  174. -------------------------- */
  175. /* Tab
  176. -------------------------- */
  177. /* Button
  178. -------------------------- */
  179. /* cascader
  180. -------------------------- */
  181. /* Switch
  182. -------------------------- */
  183. /* Dialog
  184. -------------------------- */
  185. /* Table
  186. -------------------------- */
  187. /* Pagination
  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. /* MenuSlide
  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. /* Break-point
  230. --------------------------*/
  231. /* Element Chalk Variables */
  232. /* Transition
  233. -------------------------- */
  234. /* Colors
  235. -------------------------- */
  236. /* 53a8ff */
  237. /* 66b1ff */
  238. /* 79bbff */
  239. /* 8cc5ff */
  240. /* a0cfff */
  241. /* b3d8ff */
  242. /* c6e2ff */
  243. /* d9ecff */
  244. /* ecf5ff */
  245. /* Link
  246. -------------------------- */
  247. /* Background
  248. -------------------------- */
  249. /* Border
  250. -------------------------- */
  251. /* Box-shadow
  252. -------------------------- */
  253. /* Fill
  254. -------------------------- */
  255. /* Font
  256. -------------------------- */
  257. /* Size
  258. -------------------------- */
  259. /* z-index
  260. -------------------------- */
  261. /* Disable base
  262. -------------------------- */
  263. /* Icon
  264. -------------------------- */
  265. /* Checkbox
  266. -------------------------- */
  267. /* Radio
  268. -------------------------- */
  269. /* Select
  270. -------------------------- */
  271. /* Alert
  272. -------------------------- */
  273. /* Message Box
  274. -------------------------- */
  275. /* Message
  276. -------------------------- */
  277. /* Notification
  278. -------------------------- */
  279. /* Input
  280. -------------------------- */
  281. /* Cascader
  282. -------------------------- */
  283. /* Group
  284. -------------------------- */
  285. /* Tab
  286. -------------------------- */
  287. /* Button
  288. -------------------------- */
  289. /* cascader
  290. -------------------------- */
  291. /* Switch
  292. -------------------------- */
  293. /* Dialog
  294. -------------------------- */
  295. /* Table
  296. -------------------------- */
  297. /* Pagination
  298. -------------------------- */
  299. /* Popover
  300. -------------------------- */
  301. /* Tooltip
  302. -------------------------- */
  303. /* Tag
  304. -------------------------- */
  305. /* Tree
  306. -------------------------- */
  307. /* Dropdown
  308. -------------------------- */
  309. /* Badge
  310. -------------------------- */
  311. /* Card
  312. --------------------------*/
  313. /* Slider
  314. --------------------------*/
  315. /* Steps
  316. --------------------------*/
  317. /* MenuSlide
  318. --------------------------*/
  319. /* Rate
  320. --------------------------*/
  321. /* DatePicker
  322. --------------------------*/
  323. /* Loading
  324. --------------------------*/
  325. /* Scrollbar
  326. --------------------------*/
  327. /* Carousel
  328. --------------------------*/
  329. /* Collapse
  330. --------------------------*/
  331. /* Transfer
  332. --------------------------*/
  333. /* Header
  334. --------------------------*/
  335. /* Footer
  336. --------------------------*/
  337. /* Main
  338. --------------------------*/
  339. /* Break-point
  340. --------------------------*/
  341. /* Element Chalk Variables */
  342. /* Transition
  343. -------------------------- */
  344. /* Colors
  345. -------------------------- */
  346. /* 53a8ff */
  347. /* 66b1ff */
  348. /* 79bbff */
  349. /* 8cc5ff */
  350. /* a0cfff */
  351. /* b3d8ff */
  352. /* c6e2ff */
  353. /* d9ecff */
  354. /* ecf5ff */
  355. /* Link
  356. -------------------------- */
  357. /* Background
  358. -------------------------- */
  359. /* Border
  360. -------------------------- */
  361. /* Box-shadow
  362. -------------------------- */
  363. /* Fill
  364. -------------------------- */
  365. /* Font
  366. -------------------------- */
  367. /* Size
  368. -------------------------- */
  369. /* z-index
  370. -------------------------- */
  371. /* Disable base
  372. -------------------------- */
  373. /* Icon
  374. -------------------------- */
  375. /* Checkbox
  376. -------------------------- */
  377. /* Radio
  378. -------------------------- */
  379. /* Select
  380. -------------------------- */
  381. /* Alert
  382. -------------------------- */
  383. /* Message Box
  384. -------------------------- */
  385. /* Message
  386. -------------------------- */
  387. /* Notification
  388. -------------------------- */
  389. /* Input
  390. -------------------------- */
  391. /* Cascader
  392. -------------------------- */
  393. /* Group
  394. -------------------------- */
  395. /* Tab
  396. -------------------------- */
  397. /* Button
  398. -------------------------- */
  399. /* cascader
  400. -------------------------- */
  401. /* Switch
  402. -------------------------- */
  403. /* Dialog
  404. -------------------------- */
  405. /* Table
  406. -------------------------- */
  407. /* Pagination
  408. -------------------------- */
  409. /* Popover
  410. -------------------------- */
  411. /* Tooltip
  412. -------------------------- */
  413. /* Tag
  414. -------------------------- */
  415. /* Tree
  416. -------------------------- */
  417. /* Dropdown
  418. -------------------------- */
  419. /* Badge
  420. -------------------------- */
  421. /* Card
  422. --------------------------*/
  423. /* Slider
  424. --------------------------*/
  425. /* Steps
  426. --------------------------*/
  427. /* MenuSlide
  428. --------------------------*/
  429. /* Rate
  430. --------------------------*/
  431. /* DatePicker
  432. --------------------------*/
  433. /* Loading
  434. --------------------------*/
  435. /* Scrollbar
  436. --------------------------*/
  437. /* Carousel
  438. --------------------------*/
  439. /* Collapse
  440. --------------------------*/
  441. /* Transfer
  442. --------------------------*/
  443. /* Header
  444. --------------------------*/
  445. /* Footer
  446. --------------------------*/
  447. /* Main
  448. --------------------------*/
  449. /* Break-point
  450. --------------------------*/
  451. /* BEM support Func
  452. -------------------------- */
  453. /* Element Chalk Variables */
  454. /* Transition
  455. -------------------------- */
  456. /* Colors
  457. -------------------------- */
  458. /* 53a8ff */
  459. /* 66b1ff */
  460. /* 79bbff */
  461. /* 8cc5ff */
  462. /* a0cfff */
  463. /* b3d8ff */
  464. /* c6e2ff */
  465. /* d9ecff */
  466. /* ecf5ff */
  467. /* Link
  468. -------------------------- */
  469. /* Background
  470. -------------------------- */
  471. /* Border
  472. -------------------------- */
  473. /* Box-shadow
  474. -------------------------- */
  475. /* Fill
  476. -------------------------- */
  477. /* Font
  478. -------------------------- */
  479. /* Size
  480. -------------------------- */
  481. /* z-index
  482. -------------------------- */
  483. /* Disable base
  484. -------------------------- */
  485. /* Icon
  486. -------------------------- */
  487. /* Checkbox
  488. -------------------------- */
  489. /* Radio
  490. -------------------------- */
  491. /* Select
  492. -------------------------- */
  493. /* Alert
  494. -------------------------- */
  495. /* Message Box
  496. -------------------------- */
  497. /* Message
  498. -------------------------- */
  499. /* Notification
  500. -------------------------- */
  501. /* Input
  502. -------------------------- */
  503. /* Cascader
  504. -------------------------- */
  505. /* Group
  506. -------------------------- */
  507. /* Tab
  508. -------------------------- */
  509. /* Button
  510. -------------------------- */
  511. /* cascader
  512. -------------------------- */
  513. /* Switch
  514. -------------------------- */
  515. /* Dialog
  516. -------------------------- */
  517. /* Table
  518. -------------------------- */
  519. /* Pagination
  520. -------------------------- */
  521. /* Popover
  522. -------------------------- */
  523. /* Tooltip
  524. -------------------------- */
  525. /* Tag
  526. -------------------------- */
  527. /* Tree
  528. -------------------------- */
  529. /* Dropdown
  530. -------------------------- */
  531. /* Badge
  532. -------------------------- */
  533. /* Card
  534. --------------------------*/
  535. /* Slider
  536. --------------------------*/
  537. /* Steps
  538. --------------------------*/
  539. /* MenuSlide
  540. --------------------------*/
  541. /* Rate
  542. --------------------------*/
  543. /* DatePicker
  544. --------------------------*/
  545. /* Loading
  546. --------------------------*/
  547. /* Scrollbar
  548. --------------------------*/
  549. /* Carousel
  550. --------------------------*/
  551. /* Collapse
  552. --------------------------*/
  553. /* Transfer
  554. --------------------------*/
  555. /* Header
  556. --------------------------*/
  557. /* Footer
  558. --------------------------*/
  559. /* Main
  560. --------------------------*/
  561. /* Break-point
  562. --------------------------*/
  563. /* Break-points
  564. -------------------------- */
  565. /* Scrollbar
  566. -------------------------- */
  567. /* Placeholder
  568. -------------------------- */
  569. /* BEM
  570. -------------------------- */
  571. .el-button {
  572. display: inline-block;
  573. line-height: 1;
  574. white-space: nowrap;
  575. cursor: pointer;
  576. background: #fff;
  577. border: 1px solid #d8dce5;
  578. border-color: #d8dce5;
  579. color: #5a5e66;
  580. -webkit-appearance: none;
  581. text-align: center;
  582. -webkit-box-sizing: border-box;
  583. box-sizing: border-box;
  584. outline: none;
  585. margin: 0;
  586. -webkit-transition: .1s;
  587. transition: .1s;
  588. font-weight: 500;
  589. -moz-user-select: none;
  590. -webkit-user-select: none;
  591. -ms-user-select: none;
  592. padding: 12px 20px;
  593. font-size: 14px;
  594. border-radius: 4px; }
  595. .el-button + .el-button {
  596. margin-left: 10px; }
  597. .el-button.is-round {
  598. padding: 12px 20px; }
  599. .el-button:hover, .el-button:focus {
  600. color: #1b1e24;
  601. border-color: #bbbcbd;
  602. background-color: #e8e9e9; }
  603. .el-button:active {
  604. color: #181b20;
  605. border-color: #181b20;
  606. outline: none; }
  607. .el-button::-moz-focus-inner {
  608. border: 0; }
  609. .el-button [class*="el-icon-"] + span {
  610. margin-left: 5px; }
  611. .el-button.is-plain:hover, .el-button.is-plain:focus {
  612. background: #fff;
  613. border-color: #1b1e24;
  614. color: #1b1e24; }
  615. .el-button.is-plain:active {
  616. background: #fff;
  617. border-color: #181b20;
  618. color: #181b20;
  619. outline: none; }
  620. .el-button.is-active {
  621. color: #181b20;
  622. border-color: #181b20; }
  623. .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  624. color: #b4bccc;
  625. cursor: not-allowed;
  626. background-image: none;
  627. background-color: #fff;
  628. border-color: #e6ebf5; }
  629. .el-button.is-disabled.el-button--text {
  630. background-color: transparent; }
  631. .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  632. background-color: #fff;
  633. border-color: #e6ebf5;
  634. color: #b4bccc; }
  635. .el-button.is-loading {
  636. position: relative;
  637. pointer-events: none; }
  638. .el-button.is-loading:before {
  639. pointer-events: none;
  640. content: '';
  641. position: absolute;
  642. left: -1px;
  643. top: -1px;
  644. right: -1px;
  645. bottom: -1px;
  646. border-radius: inherit;
  647. background-color: rgba(255, 255, 255, 0.35); }
  648. .el-button.is-round {
  649. border-radius: 20px;
  650. padding: 12px 23px; }
  651. .el-button--primary {
  652. color: #fff;
  653. background-color: #1b1e24;
  654. border-color: #1b1e24; }
  655. .el-button--primary:hover, .el-button--primary:focus {
  656. background: #494b50;
  657. border-color: #494b50;
  658. color: #fff; }
  659. .el-button--primary:active {
  660. background: #181b20;
  661. border-color: #181b20;
  662. color: #fff;
  663. outline: none; }
  664. .el-button--primary.is-active {
  665. background: #181b20;
  666. border-color: #181b20;
  667. color: #fff; }
  668. .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  669. color: #fff;
  670. background-color: #8d8f92;
  671. border-color: #8d8f92; }
  672. .el-button--primary.is-plain {
  673. color: #1b1e24;
  674. background: #e8e9e9;
  675. border-color: #a4a5a7; }
  676. .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  677. background: #1b1e24;
  678. border-color: #1b1e24;
  679. color: #fff; }
  680. .el-button--primary.is-plain:active {
  681. background: #181b20;
  682. border-color: #181b20;
  683. color: #fff;
  684. outline: none; }
  685. .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  686. color: #76787c;
  687. background-color: #e8e9e9;
  688. border-color: #d1d2d3; }
  689. .el-button--success {
  690. color: #fff;
  691. background-color: #1caf9a;
  692. border-color: #1caf9a; }
  693. .el-button--success:hover, .el-button--success:focus {
  694. background: #49bfae;
  695. border-color: #49bfae;
  696. color: #fff; }
  697. .el-button--success:active {
  698. background: #199e8b;
  699. border-color: #199e8b;
  700. color: #fff;
  701. outline: none; }
  702. .el-button--success.is-active {
  703. background: #199e8b;
  704. border-color: #199e8b;
  705. color: #fff; }
  706. .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  707. color: #fff;
  708. background-color: #8ed7cd;
  709. border-color: #8ed7cd; }
  710. .el-button--success.is-plain {
  711. color: #1caf9a;
  712. background: #e8f7f5;
  713. border-color: #a4dfd7; }
  714. .el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  715. background: #1caf9a;
  716. border-color: #1caf9a;
  717. color: #fff; }
  718. .el-button--success.is-plain:active {
  719. background: #199e8b;
  720. border-color: #199e8b;
  721. color: #fff;
  722. outline: none; }
  723. .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  724. color: #77cfc2;
  725. background-color: #e8f7f5;
  726. border-color: #d2efeb; }
  727. .el-button--warning {
  728. color: #fff;
  729. background-color: #FA8273;
  730. border-color: #FA8273; }
  731. .el-button--warning:hover, .el-button--warning:focus {
  732. background: #fb9b8f;
  733. border-color: #fb9b8f;
  734. color: #fff; }
  735. .el-button--warning:active {
  736. background: #e17568;
  737. border-color: #e17568;
  738. color: #fff;
  739. outline: none; }
  740. .el-button--warning.is-active {
  741. background: #e17568;
  742. border-color: #e17568;
  743. color: #fff; }
  744. .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  745. color: #fff;
  746. background-color: #fdc1b9;
  747. border-color: #fdc1b9; }
  748. .el-button--warning.is-plain {
  749. color: #FA8273;
  750. background: #fff3f1;
  751. border-color: #fdcdc7; }
  752. .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  753. background: #FA8273;
  754. border-color: #FA8273;
  755. color: #fff; }
  756. .el-button--warning.is-plain:active {
  757. background: #e17568;
  758. border-color: #e17568;
  759. color: #fff;
  760. outline: none; }
  761. .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  762. color: #fcb4ab;
  763. background-color: #fff3f1;
  764. border-color: #fee6e3; }
  765. .el-button--danger {
  766. color: #fff;
  767. background-color: #E04B4A;
  768. border-color: #E04B4A; }
  769. .el-button--danger:hover, .el-button--danger:focus {
  770. background: #e66f6e;
  771. border-color: #e66f6e;
  772. color: #fff; }
  773. .el-button--danger:active {
  774. background: #ca4443;
  775. border-color: #ca4443;
  776. color: #fff;
  777. outline: none; }
  778. .el-button--danger.is-active {
  779. background: #ca4443;
  780. border-color: #ca4443;
  781. color: #fff; }
  782. .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  783. color: #fff;
  784. background-color: #f0a5a5;
  785. border-color: #f0a5a5; }
  786. .el-button--danger.is-plain {
  787. color: #E04B4A;
  788. background: #fceded;
  789. border-color: #f3b7b7; }
  790. .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  791. background: #E04B4A;
  792. border-color: #E04B4A;
  793. color: #fff; }
  794. .el-button--danger.is-plain:active {
  795. background: #ca4443;
  796. border-color: #ca4443;
  797. color: #fff;
  798. outline: none; }
  799. .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  800. color: #ec9392;
  801. background-color: #fceded;
  802. border-color: #f9dbdb; }
  803. .el-button--info {
  804. color: #fff;
  805. background-color: #777;
  806. border-color: #777; }
  807. .el-button--info:hover, .el-button--info:focus {
  808. background: #929292;
  809. border-color: #929292;
  810. color: #fff; }
  811. .el-button--info:active {
  812. background: #6b6b6b;
  813. border-color: #6b6b6b;
  814. color: #fff;
  815. outline: none; }
  816. .el-button--info.is-active {
  817. background: #6b6b6b;
  818. border-color: #6b6b6b;
  819. color: #fff; }
  820. .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  821. color: #fff;
  822. background-color: #bbbbbb;
  823. border-color: #bbbbbb; }
  824. .el-button--info.is-plain {
  825. color: #777;
  826. background: #f1f1f1;
  827. border-color: #c9c9c9; }
  828. .el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  829. background: #777;
  830. border-color: #777;
  831. color: #fff; }
  832. .el-button--info.is-plain:active {
  833. background: #6b6b6b;
  834. border-color: #6b6b6b;
  835. color: #fff;
  836. outline: none; }
  837. .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  838. color: #adadad;
  839. background-color: #f1f1f1;
  840. border-color: #e4e4e4; }
  841. .el-button--medium {
  842. padding: 10px 20px;
  843. font-size: 14px;
  844. border-radius: 4px; }
  845. .el-button--medium.is-round {
  846. padding: 10px 20px; }
  847. .el-button--small {
  848. padding: 9px 15px;
  849. font-size: 12px;
  850. border-radius: 3px; }
  851. .el-button--small.is-round {
  852. padding: 9px 15px; }
  853. .el-button--mini {
  854. padding: 7px 15px;
  855. font-size: 12px;
  856. border-radius: 3px; }
  857. .el-button--mini.is-round {
  858. padding: 7px 15px; }
  859. .el-button--text {
  860. border: none;
  861. color: #1b1e24;
  862. background: transparent;
  863. padding-left: 0;
  864. padding-right: 0; }
  865. .el-button--text:hover, .el-button--text:focus {
  866. color: #494b50;
  867. border-color: transparent;
  868. background-color: transparent; }
  869. .el-button--text:active {
  870. color: #181b20;
  871. border-color: transparent;
  872. background-color: transparent; }
  873. .el-button-group {
  874. display: inline-block;
  875. vertical-align: middle; }
  876. .el-button-group::before, .el-button-group::after {
  877. display: table;
  878. content: ""; }
  879. .el-button-group::after {
  880. clear: both; }
  881. .el-button-group .el-button {
  882. float: left;
  883. position: relative; }
  884. .el-button-group .el-button + .el-button {
  885. margin-left: 0; }
  886. .el-button-group .el-button:first-child {
  887. border-top-right-radius: 0;
  888. border-bottom-right-radius: 0; }
  889. .el-button-group .el-button:last-child {
  890. border-top-left-radius: 0;
  891. border-bottom-left-radius: 0; }
  892. .el-button-group .el-button:not(:first-child):not(:last-child) {
  893. border-radius: 0; }
  894. .el-button-group .el-button:not(:last-child) {
  895. margin-right: -1px; }
  896. .el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active {
  897. z-index: 1; }
  898. .el-button-group .el-button.is-active {
  899. z-index: 1; }
  900. .el-button-group .el-button--primary:first-child {
  901. border-right-color: rgba(255, 255, 255, 0.5); }
  902. .el-button-group .el-button--primary:last-child {
  903. border-left-color: rgba(255, 255, 255, 0.5); }
  904. .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  905. border-left-color: rgba(255, 255, 255, 0.5);
  906. border-right-color: rgba(255, 255, 255, 0.5); }
  907. .el-button-group .el-button--success:first-child {
  908. border-right-color: rgba(255, 255, 255, 0.5); }
  909. .el-button-group .el-button--success:last-child {
  910. border-left-color: rgba(255, 255, 255, 0.5); }
  911. .el-button-group .el-button--success:not(:first-child):not(:last-child) {
  912. border-left-color: rgba(255, 255, 255, 0.5);
  913. border-right-color: rgba(255, 255, 255, 0.5); }
  914. .el-button-group .el-button--warning:first-child {
  915. border-right-color: rgba(255, 255, 255, 0.5); }
  916. .el-button-group .el-button--warning:last-child {
  917. border-left-color: rgba(255, 255, 255, 0.5); }
  918. .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  919. border-left-color: rgba(255, 255, 255, 0.5);
  920. border-right-color: rgba(255, 255, 255, 0.5); }
  921. .el-button-group .el-button--danger:first-child {
  922. border-right-color: rgba(255, 255, 255, 0.5); }
  923. .el-button-group .el-button--danger:last-child {
  924. border-left-color: rgba(255, 255, 255, 0.5); }
  925. .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  926. border-left-color: rgba(255, 255, 255, 0.5);
  927. border-right-color: rgba(255, 255, 255, 0.5); }
  928. .el-button-group .el-button--info:first-child {
  929. border-right-color: rgba(255, 255, 255, 0.5); }
  930. .el-button-group .el-button--info:last-child {
  931. border-left-color: rgba(255, 255, 255, 0.5); }
  932. .el-button-group .el-button--info:not(:first-child):not(:last-child) {
  933. border-left-color: rgba(255, 255, 255, 0.5);
  934. border-right-color: rgba(255, 255, 255, 0.5); }
  935. /* BEM support Func
  936. -------------------------- */
  937. /* Element Chalk Variables */
  938. /* Transition
  939. -------------------------- */
  940. /* Colors
  941. -------------------------- */
  942. /* 53a8ff */
  943. /* 66b1ff */
  944. /* 79bbff */
  945. /* 8cc5ff */
  946. /* a0cfff */
  947. /* b3d8ff */
  948. /* c6e2ff */
  949. /* d9ecff */
  950. /* ecf5ff */
  951. /* Link
  952. -------------------------- */
  953. /* Background
  954. -------------------------- */
  955. /* Border
  956. -------------------------- */
  957. /* Box-shadow
  958. -------------------------- */
  959. /* Fill
  960. -------------------------- */
  961. /* Font
  962. -------------------------- */
  963. /* Size
  964. -------------------------- */
  965. /* z-index
  966. -------------------------- */
  967. /* Disable base
  968. -------------------------- */
  969. /* Icon
  970. -------------------------- */
  971. /* Checkbox
  972. -------------------------- */
  973. /* Radio
  974. -------------------------- */
  975. /* Select
  976. -------------------------- */
  977. /* Alert
  978. -------------------------- */
  979. /* Message Box
  980. -------------------------- */
  981. /* Message
  982. -------------------------- */
  983. /* Notification
  984. -------------------------- */
  985. /* Input
  986. -------------------------- */
  987. /* Cascader
  988. -------------------------- */
  989. /* Group
  990. -------------------------- */
  991. /* Tab
  992. -------------------------- */
  993. /* Button
  994. -------------------------- */
  995. /* cascader
  996. -------------------------- */
  997. /* Switch
  998. -------------------------- */
  999. /* Dialog
  1000. -------------------------- */
  1001. /* Table
  1002. -------------------------- */
  1003. /* Pagination
  1004. -------------------------- */
  1005. /* Popover
  1006. -------------------------- */
  1007. /* Tooltip
  1008. -------------------------- */
  1009. /* Tag
  1010. -------------------------- */
  1011. /* Tree
  1012. -------------------------- */
  1013. /* Dropdown
  1014. -------------------------- */
  1015. /* Badge
  1016. -------------------------- */
  1017. /* Card
  1018. --------------------------*/
  1019. /* Slider
  1020. --------------------------*/
  1021. /* Steps
  1022. --------------------------*/
  1023. /* MenuSlide
  1024. --------------------------*/
  1025. /* Rate
  1026. --------------------------*/
  1027. /* DatePicker
  1028. --------------------------*/
  1029. /* Loading
  1030. --------------------------*/
  1031. /* Scrollbar
  1032. --------------------------*/
  1033. /* Carousel
  1034. --------------------------*/
  1035. /* Collapse
  1036. --------------------------*/
  1037. /* Transfer
  1038. --------------------------*/
  1039. /* Header
  1040. --------------------------*/
  1041. /* Footer
  1042. --------------------------*/
  1043. /* Main
  1044. --------------------------*/
  1045. /* Break-point
  1046. --------------------------*/
  1047. /* Break-points
  1048. -------------------------- */
  1049. /* Scrollbar
  1050. -------------------------- */
  1051. /* Placeholder
  1052. -------------------------- */
  1053. /* BEM
  1054. -------------------------- */
  1055. /* Element Chalk Variables */
  1056. /* Transition
  1057. -------------------------- */
  1058. /* Colors
  1059. -------------------------- */
  1060. /* 53a8ff */
  1061. /* 66b1ff */
  1062. /* 79bbff */
  1063. /* 8cc5ff */
  1064. /* a0cfff */
  1065. /* b3d8ff */
  1066. /* c6e2ff */
  1067. /* d9ecff */
  1068. /* ecf5ff */
  1069. /* Link
  1070. -------------------------- */
  1071. /* Background
  1072. -------------------------- */
  1073. /* Border
  1074. -------------------------- */
  1075. /* Box-shadow
  1076. -------------------------- */
  1077. /* Fill
  1078. -------------------------- */
  1079. /* Font
  1080. -------------------------- */
  1081. /* Size
  1082. -------------------------- */
  1083. /* z-index
  1084. -------------------------- */
  1085. /* Disable base
  1086. -------------------------- */
  1087. /* Icon
  1088. -------------------------- */
  1089. /* Checkbox
  1090. -------------------------- */
  1091. /* Radio
  1092. -------------------------- */
  1093. /* Select
  1094. -------------------------- */
  1095. /* Alert
  1096. -------------------------- */
  1097. /* Message Box
  1098. -------------------------- */
  1099. /* Message
  1100. -------------------------- */
  1101. /* Notification
  1102. -------------------------- */
  1103. /* Input
  1104. -------------------------- */
  1105. /* Cascader
  1106. -------------------------- */
  1107. /* Group
  1108. -------------------------- */
  1109. /* Tab
  1110. -------------------------- */
  1111. /* Button
  1112. -------------------------- */
  1113. /* cascader
  1114. -------------------------- */
  1115. /* Switch
  1116. -------------------------- */
  1117. /* Dialog
  1118. -------------------------- */
  1119. /* Table
  1120. -------------------------- */
  1121. /* Pagination
  1122. -------------------------- */
  1123. /* Popover
  1124. -------------------------- */
  1125. /* Tooltip
  1126. -------------------------- */
  1127. /* Tag
  1128. -------------------------- */
  1129. /* Tree
  1130. -------------------------- */
  1131. /* Dropdown
  1132. -------------------------- */
  1133. /* Badge
  1134. -------------------------- */
  1135. /* Card
  1136. --------------------------*/
  1137. /* Slider
  1138. --------------------------*/
  1139. /* Steps
  1140. --------------------------*/
  1141. /* MenuSlide
  1142. --------------------------*/
  1143. /* Rate
  1144. --------------------------*/
  1145. /* DatePicker
  1146. --------------------------*/
  1147. /* Loading
  1148. --------------------------*/
  1149. /* Scrollbar
  1150. --------------------------*/
  1151. /* Carousel
  1152. --------------------------*/
  1153. /* Collapse
  1154. --------------------------*/
  1155. /* Transfer
  1156. --------------------------*/
  1157. /* Header
  1158. --------------------------*/
  1159. /* Footer
  1160. --------------------------*/
  1161. /* Main
  1162. --------------------------*/
  1163. /* Break-point
  1164. --------------------------*/
  1165. .el-popper .popper__arrow,
  1166. .el-popper .popper__arrow::after {
  1167. position: absolute;
  1168. display: block;
  1169. width: 0;
  1170. height: 0;
  1171. border-color: transparent;
  1172. border-style: solid; }
  1173. .el-popper .popper__arrow {
  1174. border-width: 6px;
  1175. -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  1176. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
  1177. .el-popper .popper__arrow::after {
  1178. content: " ";
  1179. border-width: 6px; }
  1180. .el-popper[x-placement^="top"] {
  1181. margin-bottom: 12px; }
  1182. .el-popper[x-placement^="top"] .popper__arrow {
  1183. bottom: -6px;
  1184. left: 50%;
  1185. margin-right: 3px;
  1186. border-top-color: #e6ebf5;
  1187. border-bottom-width: 0; }
  1188. .el-popper[x-placement^="top"] .popper__arrow::after {
  1189. bottom: 1px;
  1190. margin-left: -6px;
  1191. border-top-color: #fff;
  1192. border-bottom-width: 0; }
  1193. .el-popper[x-placement^="bottom"] {
  1194. margin-top: 12px; }
  1195. .el-popper[x-placement^="bottom"] .popper__arrow {
  1196. top: -6px;
  1197. left: 50%;
  1198. margin-right: 3px;
  1199. border-top-width: 0;
  1200. border-bottom-color: #e6ebf5; }
  1201. .el-popper[x-placement^="bottom"] .popper__arrow::after {
  1202. top: 1px;
  1203. margin-left: -6px;
  1204. border-top-width: 0;
  1205. border-bottom-color: #fff; }
  1206. .el-popper[x-placement^="right"] {
  1207. margin-left: 12px; }
  1208. .el-popper[x-placement^="right"] .popper__arrow {
  1209. top: 50%;
  1210. left: -6px;
  1211. margin-bottom: 3px;
  1212. border-right-color: #e6ebf5;
  1213. border-left-width: 0; }
  1214. .el-popper[x-placement^="right"] .popper__arrow::after {
  1215. bottom: -6px;
  1216. left: 1px;
  1217. border-right-color: #fff;
  1218. border-left-width: 0; }
  1219. .el-popper[x-placement^="left"] {
  1220. margin-right: 12px; }
  1221. .el-popper[x-placement^="left"] .popper__arrow {
  1222. top: 50%;
  1223. right: -6px;
  1224. margin-bottom: 3px;
  1225. border-right-width: 0;
  1226. border-left-color: #e6ebf5; }
  1227. .el-popper[x-placement^="left"] .popper__arrow::after {
  1228. right: 1px;
  1229. bottom: -6px;
  1230. margin-left: -6px;
  1231. border-right-width: 0;
  1232. border-left-color: #fff; }
  1233. .el-dropdown {
  1234. display: inline-block;
  1235. position: relative;
  1236. color: #5a5e66;
  1237. font-size: 14px; }
  1238. .el-dropdown .el-button-group {
  1239. display: block; }
  1240. .el-dropdown .el-button-group .el-button {
  1241. float: none; }
  1242. .el-dropdown .el-dropdown__caret-button {
  1243. padding-left: 5px;
  1244. padding-right: 5px;
  1245. position: relative;
  1246. border-left: none; }
  1247. .el-dropdown .el-dropdown__caret-button::before {
  1248. content: '';
  1249. position: absolute;
  1250. display: block;
  1251. width: 1px;
  1252. top: 5px;
  1253. bottom: 5px;
  1254. left: 0;
  1255. background: rgba(255, 255, 255, 0.5); }
  1256. .el-dropdown .el-dropdown__caret-button:hover::before {
  1257. top: 0;
  1258. bottom: 0; }
  1259. .el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  1260. padding-left: 0; }
  1261. .el-dropdown__icon {
  1262. font-size: 12px;
  1263. margin: 0 3px; }
  1264. .el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
  1265. outline-width: 0; }
  1266. .el-dropdown-menu {
  1267. position: absolute;
  1268. top: 0;
  1269. left: 0;
  1270. z-index: 10;
  1271. padding: 10px 0;
  1272. margin: 5px 0;
  1273. background-color: #fff;
  1274. border: 1px solid #e6ebf5;
  1275. border-radius: 4px;
  1276. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1277. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
  1278. .el-dropdown-menu__item {
  1279. list-style: none;
  1280. line-height: 36px;
  1281. padding: 0 20px;
  1282. margin: 0;
  1283. font-size: 14px;
  1284. color: #5a5e66;
  1285. cursor: pointer;
  1286. outline: none; }
  1287. .el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
  1288. background-color: #e8e9e9;
  1289. color: #494b50; }
  1290. .el-dropdown-menu__item--divided {
  1291. position: relative;
  1292. margin-top: 6px;
  1293. border-top: 1px solid #e6ebf5; }
  1294. .el-dropdown-menu__item--divided:before {
  1295. content: '';
  1296. height: 6px;
  1297. display: block;
  1298. margin: 0 -20px;
  1299. background-color: #fff; }
  1300. .el-dropdown-menu__item.is-disabled {
  1301. cursor: default;
  1302. color: #bbb;
  1303. pointer-events: none; }
  1304. .el-dropdown-menu--medium {
  1305. padding: 6px 0; }
  1306. .el-dropdown-menu--medium .el-dropdown-menu__item {
  1307. line-height: 30px;
  1308. padding: 0 17px;
  1309. font-size: 14px; }
  1310. .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  1311. margin-top: 6px; }
  1312. .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  1313. height: 6px;
  1314. margin: 0 -17px; }
  1315. .el-dropdown-menu--small {
  1316. padding: 6px 0; }
  1317. .el-dropdown-menu--small .el-dropdown-menu__item {
  1318. line-height: 27px;
  1319. padding: 0 15px;
  1320. font-size: 13px; }
  1321. .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  1322. margin-top: 4px; }
  1323. .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  1324. height: 4px;
  1325. margin: 0 -15px; }
  1326. .el-dropdown-menu--mini {
  1327. padding: 3px 0; }
  1328. .el-dropdown-menu--mini .el-dropdown-menu__item {
  1329. line-height: 24px;
  1330. padding: 0 10px;
  1331. font-size: 12px; }
  1332. .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  1333. margin-top: 3px; }
  1334. .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  1335. height: 3px;
  1336. margin: 0 -10px; }