variables.scss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /* Color
  2. -------------------------- */
  3. /// color|1|Brand Color|0
  4. $--color-primary: #dd4250 !default;
  5. /// color|1|Background Color|4
  6. $--color-white: #FFFFFF !default;
  7. /// color|1|Background Color|4
  8. $--color-black: #333333 !default;
  9. $--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
  10. $--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
  11. $--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
  12. $--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
  13. $--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
  14. $--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
  15. $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
  16. $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
  17. $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
  18. /// color|1|Font Color|2
  19. $--color-text-primary: #333333 !default;
  20. /// color|1|Font Color|2
  21. $--color-text-regular: #666666 !default;
  22. /// color|1|Font Color|2
  23. $--color-text-secondary: #999999 !default;
  24. /// color|1|Font Color|2
  25. $--color-text-placeholder: #999999 !default;
  26. /// color|1|Border Color|3
  27. $--border-color-base: #E5E5E5E5 !default;
  28. /// color|1|Border Color|3
  29. $--border-color-light: #f2f2f2f2!default;
  30. /// color|1|Functional Color|1
  31. $--color-success: #67c23a !default;
  32. /// color|1|Functional Color|1
  33. $--color-warning: #FB9400 !default;
  34. /// color|1|Functional Color|1
  35. $--color-danger: #F56C6C !default;
  36. /// color|1|Functional Color|1
  37. $--color-info: #909399 !default;
  38. // Background
  39. /// color|1|Background Color|4
  40. $--background-color-base: #FBFBFB !default;
  41. /* Border
  42. -------------------------- */
  43. $--border-width-base: 1px !default;
  44. $--border-style-base: solid !default;
  45. $--border-color-hover: $--color-primary!default;
  46. $--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
  47. $--font-size-base: 14px !default;