const colors = require('./tools/tailwindcss/colours')
const defaultTheme = require('tailwindcss/defaultTheme')
const { fontFamily } = defaultTheme

module.exports = {
  mode: 'jit',
  darkMode: 'media',
  important: true,
  purge: {
    content: [
      'tools/tailwindcss/safelist-classes.txt',
      'source/**/*.{md,twig}',
    ],
  },
  theme: {
    extend: {
      typography: (theme) => ({
        DEFAULT: {
            css: {
                p: {
                    lineHeight: 400
                }
            }
        }
      }),
      colors,
      fontFamily: {
        sans: [
          'Roboto Condensed',
          'Arial',
          'Helvetica Neue',
          'Helvetica',
          'sans-serif',
        ],
        mono: [
          'ui-monospace',
          'SFMono-Regular',
          'SF Mono',
          'Consolas',
          'Liberation Mono',
          ...fontFamily.mono
        ]
      },
      spacing: {
        '2px': '2px'
      },
      borderWidth: {
        3: '3px'
      },
      width: {
        96: '24rem'
      }
    }
  },
  corePlugins: {
    container: false
  },
  plugins: [
    require('./tools/tailwindcss/plugins/focus-visible'),
    require('@tailwindcss/aspect-ratio'),
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography')
  ]
}