windi.config.ts 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. import { defineConfig } from 'windicss/helpers'
  2. export default defineConfig({
  3. prefixer: false,
  4. preflight: false,
  5. extract: {
  6. exclude: ['node_modules', '.git', 'dist']
  7. },
  8. theme: {
  9. extend: {
  10. fontSize: {
  11. xs: ['0.75rem', '1rem'], // 12px
  12. sm: ['0.875rem', '1.25rem'], // 14px
  13. base: ['1rem', '1.5rem'], // 16px
  14. lg: ['1.125rem', '1.75rem'], // 18px
  15. xl: ['1.66rem', '1.75rem'], // 20px
  16. '2xl': ['1.75rem', '2.25rem'] // 28px
  17. },
  18. colors: {
  19. primary: {
  20. DEFAULT: 'var(--primary-color)',
  21. dark: 'var(--primary-color-dark)',
  22. light: 'var(--primary-color-light)'
  23. },
  24. red: {
  25. DEFAULT: '#ED1B26',
  26. dark: '#94171D'
  27. },
  28. blue: '#276EF1',
  29. brown: '#99644C',
  30. green: {
  31. DEFAULT: '#219653',
  32. dark: '#21531C'
  33. },
  34. orange: '#FB6939',
  35. purple: '#7356BF',
  36. yellow: '#EEAB27',
  37. black: {
  38. DEFAULT: '#161616',
  39. light: '#363636',
  40. pure: '#000000'
  41. },
  42. gray: {
  43. DEFAULT: '#222222',
  44. pressed: '#2b2b2b',
  45. subtitle: '#757575',
  46. description: '#AFAFAF',
  47. skeleton: '#2c2c2c',
  48. indicator: '#353535',
  49. placeholder: '#c0c4cc'
  50. },
  51. white: '#FFFFFF',
  52. background: '#282828',
  53. border: 'rgba(117, 117, 117, 0.1)',
  54. page: 'var(--page-bg-color)',
  55. price: '#fc5227'
  56. },
  57. spacing: {
  58. half: '50%',
  59. '7.5': '1.875rem',
  60. '22': '5.375rem'
  61. },
  62. borderRadius: {
  63. none: '0',
  64. sm: '0.125rem',
  65. DEFAULT: '0.25rem',
  66. md: '0.375rem',
  67. lg: '0.5rem',
  68. full: '9999px',
  69. large: '12px'
  70. }
  71. }
  72. },
  73. corePlugins: {
  74. container: false
  75. }
  76. })