website/tailwind.config.js at dev · ps2alerts/website · 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
module.exports = {
  mode: 'jit',
  content: [
    'components/**/*.vue',
    'filters/**/*.js',
    'layouts/**/*.vue',
    'pages/**/*.vue',
    'nuxt.config.js',
    // TypeScript
    'constants/**/*.ts',
    'filters/**/*.ts',
  ],
  safelist: ['.nuxt-link-exact-active'],
  prefix: '',
  important: false,
  separator: ':',
  theme: {
    screens: {
      sm: '640px',
      // => @media (min-width: 640px) { ... }

      md: '768px',
      // => @media (min-width: 768px) { ... }

      lg: '1024px',
      // => @media (min-width: 1024px) { ... }

      xl: '1280px',
      // => @media (min-width: 1280px) { ... }

      '2xl': '1536px',
      // => @media (min-width: 1536px) { ... }

      '3xl': '1920px',
      // => @media (min-width: 1920px) { ... }
    },
  },
}