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

339 lines
7.6 KiB

4 years ago
  1. @charset "UTF-8";
  2. [data-theme="blue"] {
  3. /* Element Chalk Variables */
  4. /* Transition
  5. -------------------------- */
  6. /* Color
  7. -------------------------- */
  8. /* 53a8ff */
  9. /* 66b1ff */
  10. /* 79bbff */
  11. /* 8cc5ff */
  12. /* a0cfff */
  13. /* b3d8ff */
  14. /* c6e2ff */
  15. /* d9ecff */
  16. /* ecf5ff */
  17. /* Link
  18. -------------------------- */
  19. /* Border
  20. -------------------------- */
  21. /* Fill
  22. -------------------------- */
  23. /* Typography
  24. -------------------------- */
  25. /* Size
  26. -------------------------- */
  27. /* z-index
  28. -------------------------- */
  29. /* Disable base
  30. -------------------------- */
  31. /* Icon
  32. -------------------------- */
  33. /* Checkbox
  34. -------------------------- */
  35. /* Radio
  36. -------------------------- */
  37. /* Select
  38. -------------------------- */
  39. /* Alert
  40. -------------------------- */
  41. /* MessageBox
  42. -------------------------- */
  43. /* Message
  44. -------------------------- */
  45. /* Notification
  46. -------------------------- */
  47. /* Input
  48. -------------------------- */
  49. /* Cascader
  50. -------------------------- */
  51. /* Group
  52. -------------------------- */
  53. /* Tab
  54. -------------------------- */
  55. /* Button
  56. -------------------------- */
  57. /* cascader
  58. -------------------------- */
  59. /* Switch
  60. -------------------------- */
  61. /* Dialog
  62. -------------------------- */
  63. /* Table
  64. -------------------------- */
  65. /* Pagination
  66. -------------------------- */
  67. /* Popup
  68. -------------------------- */
  69. /* Popover
  70. -------------------------- */
  71. /* Tooltip
  72. -------------------------- */
  73. /* Tag
  74. -------------------------- */
  75. /* Tree
  76. -------------------------- */
  77. /* Dropdown
  78. -------------------------- */
  79. /* Badge
  80. -------------------------- */
  81. /* Card
  82. --------------------------*/
  83. /* Slider
  84. --------------------------*/
  85. /* Steps
  86. --------------------------*/
  87. /* Menu
  88. --------------------------*/
  89. /* Rate
  90. --------------------------*/
  91. /* DatePicker
  92. --------------------------*/
  93. /* Loading
  94. --------------------------*/
  95. /* Scrollbar
  96. --------------------------*/
  97. /* Carousel
  98. --------------------------*/
  99. /* Collapse
  100. --------------------------*/
  101. /* Transfer
  102. --------------------------*/
  103. /* Header
  104. --------------------------*/
  105. /* Footer
  106. --------------------------*/
  107. /* Main
  108. --------------------------*/
  109. /* Timeline
  110. --------------------------*/
  111. /* Backtop
  112. --------------------------*/
  113. /* Link
  114. --------------------------*/
  115. /* Calendar
  116. --------------------------*/
  117. /* Form
  118. -------------------------- */
  119. /* Avatar
  120. --------------------------*/
  121. /* Break-point
  122. --------------------------*/ }
  123. [data-theme="blue"] body {
  124. font-family: "wordFont","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  125. font-weight: 400;
  126. font-size: 14px;
  127. color: #FFFFFF;
  128. -webkit-font-smoothing: antialiased; }
  129. [data-theme="blue"] a {
  130. color: #92D9FF;
  131. text-decoration: none; }
  132. [data-theme="blue"] a:hover, [data-theme="blue"] a:focus {
  133. color: #75aecc; }
  134. [data-theme="blue"] a:active {
  135. color: #9dddff; }
  136. [data-theme="blue"] h1, [data-theme="blue"] h2, [data-theme="blue"] h3, [data-theme="blue"] h4, [data-theme="blue"] h5, [data-theme="blue"] h6 {
  137. color: #FFFFFF;
  138. font-weight: inherit; }
  139. [data-theme="blue"] h1:first-child, [data-theme="blue"] h2:first-child, [data-theme="blue"] h3:first-child, [data-theme="blue"] h4:first-child, [data-theme="blue"] h5:first-child, [data-theme="blue"] h6:first-child {
  140. margin-top: 0; }
  141. [data-theme="blue"] h1:last-child, [data-theme="blue"] h2:last-child, [data-theme="blue"] h3:last-child, [data-theme="blue"] h4:last-child, [data-theme="blue"] h5:last-child, [data-theme="blue"] h6:last-child {
  142. margin-bottom: 0; }
  143. [data-theme="blue"] h1 {
  144. font-size: 20px; }
  145. [data-theme="blue"] h2 {
  146. font-size: 18px; }
  147. [data-theme="blue"] h3 {
  148. font-size: 16px; }
  149. [data-theme="blue"] h4, [data-theme="blue"] h5, [data-theme="blue"] h6, [data-theme="blue"] p {
  150. font-size: inherit; }
  151. [data-theme="blue"] p {
  152. line-height: 1.8; }
  153. [data-theme="blue"] p:first-child {
  154. margin-top: 0; }
  155. [data-theme="blue"] p:last-child {
  156. margin-bottom: 0; }
  157. [data-theme="blue"] sup, [data-theme="blue"] sub {
  158. font-size: 13px; }
  159. [data-theme="blue"] small {
  160. font-size: 12px; }
  161. [data-theme="blue"] hr {
  162. margin-top: 20px;
  163. margin-bottom: 20px;
  164. border: 0;
  165. border-top: 1px solid #eeeeee; }
  166. /* Element Chalk Variables */
  167. /* Transition
  168. -------------------------- */
  169. /* Color
  170. -------------------------- */
  171. /* 53a8ff */
  172. /* 66b1ff */
  173. /* 79bbff */
  174. /* 8cc5ff */
  175. /* a0cfff */
  176. /* b3d8ff */
  177. /* c6e2ff */
  178. /* d9ecff */
  179. /* ecf5ff */
  180. /* Link
  181. -------------------------- */
  182. /* Border
  183. -------------------------- */
  184. /* Fill
  185. -------------------------- */
  186. /* Typography
  187. -------------------------- */
  188. /* Size
  189. -------------------------- */
  190. /* z-index
  191. -------------------------- */
  192. /* Disable base
  193. -------------------------- */
  194. /* Icon
  195. -------------------------- */
  196. /* Checkbox
  197. -------------------------- */
  198. /* Radio
  199. -------------------------- */
  200. /* Select
  201. -------------------------- */
  202. /* Alert
  203. -------------------------- */
  204. /* MessageBox
  205. -------------------------- */
  206. /* Message
  207. -------------------------- */
  208. /* Notification
  209. -------------------------- */
  210. /* Input
  211. -------------------------- */
  212. /* Cascader
  213. -------------------------- */
  214. /* Group
  215. -------------------------- */
  216. /* Tab
  217. -------------------------- */
  218. /* Button
  219. -------------------------- */
  220. /* cascader
  221. -------------------------- */
  222. /* Switch
  223. -------------------------- */
  224. /* Dialog
  225. -------------------------- */
  226. /* Table
  227. -------------------------- */
  228. /* Pagination
  229. -------------------------- */
  230. /* Popup
  231. -------------------------- */
  232. /* Popover
  233. -------------------------- */
  234. /* Tooltip
  235. -------------------------- */
  236. /* Tag
  237. -------------------------- */
  238. /* Tree
  239. -------------------------- */
  240. /* Dropdown
  241. -------------------------- */
  242. /* Badge
  243. -------------------------- */
  244. /* Card
  245. --------------------------*/
  246. /* Slider
  247. --------------------------*/
  248. /* Steps
  249. --------------------------*/
  250. /* Menu
  251. --------------------------*/
  252. /* Rate
  253. --------------------------*/
  254. /* DatePicker
  255. --------------------------*/
  256. /* Loading
  257. --------------------------*/
  258. /* Scrollbar
  259. --------------------------*/
  260. /* Carousel
  261. --------------------------*/
  262. /* Collapse
  263. --------------------------*/
  264. /* Transfer
  265. --------------------------*/
  266. /* Header
  267. --------------------------*/
  268. /* Footer
  269. --------------------------*/
  270. /* Main
  271. --------------------------*/
  272. /* Timeline
  273. --------------------------*/
  274. /* Backtop
  275. --------------------------*/
  276. /* Link
  277. --------------------------*/
  278. /* Calendar
  279. --------------------------*/
  280. /* Form
  281. -------------------------- */
  282. /* Avatar
  283. --------------------------*/
  284. /* Break-point
  285. --------------------------*/
  286. body {
  287. font-family: "wordFont","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  288. font-weight: 400;
  289. font-size: 14px;
  290. color: #FFFFFF;
  291. -webkit-font-smoothing: antialiased; }
  292. a {
  293. color: #92D9FF;
  294. text-decoration: none; }
  295. a:hover, a:focus {
  296. color: #75aecc; }
  297. a:active {
  298. color: #9dddff; }
  299. h1, h2, h3, h4, h5, h6 {
  300. color: #FFFFFF;
  301. font-weight: inherit; }
  302. h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  303. margin-top: 0; }
  304. h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  305. margin-bottom: 0; }
  306. h1 {
  307. font-size: 20px; }
  308. h2 {
  309. font-size: 18px; }
  310. h3 {
  311. font-size: 16px; }
  312. h4, h5, h6, p {
  313. font-size: inherit; }
  314. p {
  315. line-height: 1.8; }
  316. p:first-child {
  317. margin-top: 0; }
  318. p:last-child {
  319. margin-bottom: 0; }
  320. sup, sub {
  321. font-size: 13px; }
  322. small {
  323. font-size: 12px; }
  324. hr {
  325. margin-top: 20px;
  326. margin-bottom: 20px;
  327. border: 0;
  328. border-top: 1px solid #eeeeee; }