dev-to-application/tailwind.config.js at default · AlburIvan/dev-to-application · 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
45
46
module.exports = {
  purge: ['./public/**/*.html'],
  theme: {
    extend: {
      borderWidth: {
        '32': '32px',
      },
      width: {
        '50px': '3.125rem',
      },
      maxWidth: {
        'site-width': 'var(--site-width)',
      },
      minWidth: {
        'icon': '24px',
        'icon-md': '40px',
        'icon-lg': '56px',
        'icon-xl': '64px',
      },
      inset: {
        'sidebar': 'calc(3.5rem + 6vh)',
        '14': '3.5rem',
        '18': '5.5rem',
      },
      colors: {
        'dev-gray': {
          '500': '#F9FAFA',
        },
        'dev-blue': {
          '500': '#3b49df',
          '700': '#323ebe',
        },
        'dev-background': 'var(--site-background)',
      },
      spacing: {
        14: '3.5rem',
      },
      gridTemplateColumns: {
        sidebar: '4rem 1fr',
        full: '4rem 7fr 3fr',
      },
    },
  },
  variants: {},
  plugins: [],
};