reading-next-js/tailwind.config.js at main · yamanoku-playground/reading-next-js · 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
module.exports = {
  important: false,
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        cyan: '#9cdbff'
      }
    },
    textColor: theme => ({
      primary: '#032f63',
      white: '#fff',
      gray: theme('colors.gray.500'),
      black: theme('colors.gray.900')
    }),
    backgroundColor: () => ({
      primary: '#032f63',
      gray: '#f9f9f9',
      white: '#fff'
    }),
    borderColor: () => ({
      default: '#cecece',
      primary: '#032f63',
      white: '#fff'
    }),
    fill: theme => ({
      primary: '#032f63',
      white: theme('colors.white')
    })
  },
  variants: {
    textColor: ['hover', 'focus', 'visited'],
    fill: ['hover', 'focus', 'group-hover', 'group-focus']
  },
  future: {
    removeDeprecatedGapUtilities: true,
    purgeLayersByDefault: true
  }
}