AGORA/tailwind.config.js at master · digitalcityscience/AGORA · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'selector',
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    screens: {
      'sm': '640px',
      'md': '768px',
      'lg': '1024px',
      'xl': '1280px',
      '2xl': '1536px',
      '3xl': '1920px',
      '4xl': '2560px',
    },
    extend: {
      colors: {
          'primary-50': 'var(--primary-50)',
          'primary-100': 'var(--primary-100)',
          'primary-200': 'var(--primary-200)',
          'primary-300': 'var(--primary-300)',
          'primary-400': 'var(--primary-400)',
          'primary-500': 'var(--primary-500)',
          'primary-600': 'var(--primary-600)',
          'primary-700': 'var(--primary-700)',
          'primary-800': 'var(--primary-800)',
          'primary-900': 'var(--primary-900)',
          'primary-950': 'var(--primary-950)',
          'surface-0': 'var(--surface-0)',
          'surface-50': 'var(--surface-50)',
          'surface-100': 'var(--surface-100)',
          'surface-200': 'var(--surface-200)',
          'surface-300': 'var(--surface-300)',
          'surface-400': 'var(--surface-400)',
          'surface-500': 'var(--surface-500)',
          'surface-600': 'var(--surface-600)',
          'surface-700': 'var(--surface-700)',
          'surface-800': 'var(--surface-800)',
          'surface-900': 'var(--surface-900)',
          'surface-950': 'var(--surface-950)'
      }
  }
  },
  plugins: [],
}