css-variables.less 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. @import './var.less';
  2. :root {
  3. // Color Palette
  4. --van-black: @black;
  5. --van-white: @white;
  6. --van-gray-1: @gray-1;
  7. --van-gray-2: @gray-2;
  8. --van-gray-3: @gray-3;
  9. --van-gray-4: @gray-4;
  10. --van-gray-5: @gray-5;
  11. --van-gray-6: @gray-6;
  12. --van-gray-7: @gray-7;
  13. --van-gray-8: @gray-8;
  14. --van-red: @red;
  15. --van-blue: @blue;
  16. --van-orange: @orange;
  17. --van-orange-dark: @orange-dark;
  18. --van-orange-light: @orange-light;
  19. --van-green: @green;
  20. // Gradient Colors
  21. --van-gradient-red: @gradient-red;
  22. --van-gradient-orange: @gradient-orange;
  23. // Component Colors
  24. --van-primary-color: @primary-color;
  25. --van-success-color: @success-color;
  26. --van-danger-color: @danger-color;
  27. --van-warning-color: @warning-color;
  28. --van-text-color: @text-color;
  29. --van-text-color-2: @text-color-2;
  30. --van-text-color-3: @text-color-3;
  31. --van-text-link-color: @text-link-color;
  32. --van-active-color: @active-color;
  33. --van-active-opacity: @active-opacity;
  34. --van-disabled-opacity: @disabled-opacity;
  35. --van-background-color: @background-color;
  36. --van-background-color-light: @background-color-light;
  37. // Padding
  38. --van-padding-base: @padding-base;
  39. --van-padding-xs: @padding-xs;
  40. --van-padding-sm: @padding-sm;
  41. --van-padding-md: @padding-md;
  42. --van-padding-lg: @padding-lg;
  43. --van-padding-xl: @padding-xl;
  44. // Font
  45. --van-font-size-xs: @font-size-xs;
  46. --van-font-size-sm: @font-size-sm;
  47. --van-font-size-md: @font-size-md;
  48. --van-font-size-lg: @font-size-lg;
  49. --van-font-weight-bold: @font-weight-bold;
  50. --van-line-height-xs: @line-height-xs;
  51. --van-line-height-sm: @line-height-sm;
  52. --van-line-height-md: @line-height-md;
  53. --van-line-height-lg: @line-height-lg;
  54. --van-base-font-family: @base-font-family;
  55. --van-price-integer-font-family: @price-integer-font-family;
  56. // Animation
  57. --van-animation-duration-base: @animation-duration-base;
  58. --van-animation-duration-fast: @animation-duration-fast;
  59. --van-animation-timing-function-enter: @animation-timing-function-enter;
  60. --van-animation-timing-function-leave: @animation-timing-function-leave;
  61. // Border
  62. --van-border-color: @border-color;
  63. --van-border-width-base: @border-width-base;
  64. --van-border-radius-sm: @border-radius-sm;
  65. --van-border-radius-md: @border-radius-md;
  66. --van-border-radius-lg: @border-radius-lg;
  67. --van-border-radius-max: @border-radius-max;
  68. }