jaromdev-gatsby/tailwind.config.js at master · jaromighty/jaromdev-gatsby · 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
const { fontFamily } = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')

module.exports = {
  purge: ['./src/**/*.{js,jsx,ts,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      borderRadius: {
        '4xl': '2rem',
      },
      colors: {
        'light-blue': colors.lightBlue,
        orange: colors.orange,
      },
      fontFamily: {
        logo: ['Roboto Slab'],
        sans: ['Inter', ...fontFamily.sans],
      },
      maxWidth: {
        'xxs': '18rem',
      },
      spacing: {
        '88': '22rem',
        '128': '32rem',
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
    require('@tailwindcss/aspect-ratio')
  ],
}