StackUnderflow/tailwind.config.js at master · b4u7/StackUnderflow · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
const colors = require('tailwindcss/colors')
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  content: [
    './resources/views/app.blade.php',
    './resources/views/errors/**/*.blade.php',
    './resources/assets/**/*.{scss,js,vue}',
  ],
  darkMode: 'class',
  theme: {
    container: {
      center: true,
    },
    fontFamily: {
      sans: ['Inter', ...defaultTheme.fontFamily.sans],
    },
    extend: {
      colors: {
        primary: colors.blue,
        secondary: colors.yellow,
      },
      flexShrink: {
        2: '2',
      },
      flexGrow: {
        2: '2',
      },
      fontFamily: {
        epilogue: ['Epilogue', 'sans-serif'],
      },
      typography: theme => ({
        DEFAULT: {
          css: {
            pre: {
              color: theme('colors.slate.900'),
              backgroundColor: theme('colors.slate.100'),
            },
            'pre code::before': {
              'padding-left': 'unset',
            },
            'pre code::after': {
              'padding-right': 'unset',
            },
            code: {
              backgroundColor: theme('colors.slate.100'),
              color: '#dd1144',
              fontWeight: '400',
              padding: 'unset !important',
              'border-radius': '0.25rem',
            },
            'code::before': {
              content: '""',
              'padding-left': '0.25rem',
            },
            'code::after': {
              content: '""',
              'padding-right': '0.25rem',
            },
          },
        },
      }),
    },
  },
  plugins: [require('@tailwindcss/typography'), require('@tailwindcss/forms')],
}