John Carter Tailwind Config

tailwind.config.js

module.exports = {
  theme: {
    extend: {
      colors: {
        brand: {
          'blue-900': '#01295f',
        },
      },
      fontFamily: {
        'sans': [
          // 'Montserrat'
        ]
      },
      lineHeight: {
        'tighter': '1.125',
      },
      padding: {
        'square': '100%',
        '16by9': '56.25%',
        '4by3': '75%',
        '21by9': '42.86%',
        '3by1': '33.33%',
        '4by5': '133.333%'
      },
      fontSize: {
        '6xl': '4rem',      // 64px
        '7xl': '4.5rem',    // 72px
        '8xl': '6rem',      // 96px
      },
      spacing: {
        '72': '18rem',
        '84': '21rem',
        '96': '24rem',
      },
    },
    // Overrides
    screens: {
      'xs': '480px',
      'sm': '640px',
      'md': '768px',
      'lg': '1024px',
      'xl': '1280px',
    },
  },
  variants: {

  },
  plugins: [
    // require('@tailwindcss/typography'),
  ],
}