tailwind.config.js

module.exports = {
  purge: ['./app/packs/apps/**/*.tsx', './app/views/**/*.html.erb'],
  darkMode: 'class',
  theme: {
    minHeight: {
      'screen-1/2': '50vh',
      'screen-1/3': '33vh',
      'screen-2/3': '67vh',
      'screen-1/4': '25vh',
      'screen-3/4': '75vh',
      screen: '100vh',
      1: '0.25rem',
      2: '0.5rem',
      4: '1rem',
      8: '2rem',
      16: '4rem',
      32: '8rem',
      64: '16rem',
      72: '18rem',
      80: '20rem',
      96: '24rem',
    },
    maxHeight: {
      'screen-1/2': '50vh',
      'screen-1/3': '33vh',
      'screen-2/3': '67vh',
      'screen-1/4': '25vh',
      'screen-3/4': '75vh',
      screen: '100vh',
      1: '0.25rem',
      2: '0.5rem',
      4: '1rem',
      8: '2rem',
      16: '4rem',
      32: '8rem',
      64: '16rem',
      72: '18rem',
      80: '20rem',
      96: '24rem',
    },
    textColor: (theme) => ({
      ...theme('colors'),
      btc: '#e5912b',
    }),
    backgroundColor: (theme) => ({
      ...theme('colors'),
      dark: '#1b1c1e',
      btc: '#e5912b',
    }),
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [require('@tailwindcss/line-clamp')],
};