sheilaleon.tech/tailwind.config.js at master · sheilaleon/sheilaleon.tech · 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 = {
  future: {
    removeDeprecatedGapUtilities: true,
    purgeLayersByDefault: true,
  },
  purge: ['./src/**/*.js', './src/**/*.jsx', './src/**/*.ts', './src/**/*.tsx'],
  theme: {
    container: {
      center: true,
      padding: {
        default: '1rem',
        sm: '2rem',
        lg: '4rem',
        xl: '5rem',
      },
    },
    extend: {
      colors: {
        current: 'currentColor',
        background: 'var(--colour-bg)',
        default: 'var(--colour-default)',
        defaultHover: 'var(--colour-default-hover)',
        heading: 'var(--colour-heading)',
        link: 'var(--colour-link)',
        linkHover: 'var(--colour-link-hover)',
        primary: 'var(--colour-primary)',
        secondary: 'var(--colour-secondary)',
        accent: 'var(--colour-accent)',
        accentHover: 'var(--colour-accent-hover)',
        muted: 'var(--colour-muted)',
        mutedHover: 'var(--colour-muted-hover)',
      },
      borderColor: (theme) => ({
        default: 'var(--colour-border)',
        hover: 'var(--colour-border-hover)',
        ...theme('colors'),
      }),
      outline: {
        custom: ['2px solid var(--colour-logo)', '5px'],
      },
    },
  },
  variants: {},
  // eslint-disable-next-line global-require
  plugins: [require('@tailwindcss/typography')],
};