tailwind.config.js

module.exports = {
  // Uncomment the line below to enable the experimental Just-in-Time ("JIT") mode.
  // https://tailwindcss.com/docs/just-in-time-mode
  // mode: "jit",
  theme: {
    extend: {
      gridTemplateRows: { 
        'store-section': '100px repeat(2, minmax(0, 1fr)) 100px'
      },
      colors: {
        'primary': 'hsl(175, 68%, 30%)',
        'greenfade': 'rgba(24, 129, 120, 0.15)',
      }
    },
    fontFamily: {
      'oswald': ['Oswald', 'ui-sans-serif', 'sans-serif'],
      'montserrat': ['Montserrat', 'ui-sans-serif', 'sans-serif'],
      'roboto': ['Roboto', 'ui-sans-serif', 'sans-serif'],
      'tomorrow': ['Tomorrow', 'ui-sans-serif', 'sans-serif'],
      'open-sans': ['Open Sans', 'ui-sans-serif', 'sans-serif'],
    },
  },
  variants: {
    extend: {
      opacity: ['disabled'],
      width: ['hover', 'group-hover'],
      textAlign: ['group-hover'],
      alignSelf: ['group-hover'],
      display: ['group-hover'],
      margin: ['group-hover'],
    }
  },
  plugins: [],
  purge: {
    // Filenames to scan for classes
    content: [
      "./src/**/*.html",
      "./src/**/*.js",
      "./src/**/*.jsx",
      "./src/**/*.ts",
      "./src/**/*.tsx",
      "./public/index.html",
    ],
    // Options passed to PurgeCSS
    options: {
      // Whitelist specific selectors by name
      // safelist: [],
    },
  },
};