首頁 探索 說明
註冊 登入
luyanan
/
plat-admin
關註 1
讚好 0
派生 0
代碼 問題管理 0 合併請求 0 提交歷史 42 版本發佈 0 Wiki

Plat Admin

目錄樹: 61ce3b10b2
分支列表 標籤列表
plat-admin
/
theme
/
spinner.css

spinner.css 3.4KB
文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171 
  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. /* Menu
  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. .el-time-spinner {
  122.   width: 100%;
  123.   white-space: nowrap; }
  125. .el-spinner {
  126.   display: inline-block;
  127.   vertical-align: middle; }
  129. .el-spinner-inner {
  130.   -webkit-animation: rotate 2s linear infinite;
  131.   animation: rotate 2s linear infinite;
  132.   width: 50px;
  133.   height: 50px; }
  134.   .el-spinner-inner .path {
  135.     stroke: #ececec;
  136.     stroke-linecap: round;
  137.     -webkit-animation: dash 1.5s ease-in-out infinite;
  138.     animation: dash 1.5s ease-in-out infinite; }
  140. @-webkit-keyframes rotate {
  141.   100% {
  142.     -webkit-transform: rotate(360deg);
  143.     transform: rotate(360deg); } }
  145. @keyframes rotate {
  146.   100% {
  147.     -webkit-transform: rotate(360deg);
  148.     transform: rotate(360deg); } }
  150. @-webkit-keyframes dash {
  151.   0% {
  152.     stroke-dasharray: 1, 150;
  153.     stroke-dashoffset: 0; }
  154.   50% {
  155.     stroke-dasharray: 90, 150;
  156.     stroke-dashoffset: -35; }
  157.   100% {
  158.     stroke-dasharray: 90, 150;
  159.     stroke-dashoffset: -124; } }
  161. @keyframes dash {
  162.   0% {
  163.     stroke-dasharray: 1, 150;
  164.     stroke-dashoffset: 0; }
  165.   50% {
  166.     stroke-dasharray: 90, 150;
  167.     stroke-dashoffset: -35; }
  168.   100% {
  169.     stroke-dasharray: 90, 150;
  170.     stroke-dashoffset: -124; } }