/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './templates/**/*.html', 
    './content/**/*.md',
    './static/**/*.js'
  ],
  safelist: [
    'grid',
    'items-start',
    {
        pattern: /(-|)(ml|mr)-(4|8|12|16|20|24|28)/,
        variants: ['sm', 'md', 'lg', 'xl', '2xl', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
    },
    {
        pattern: /(pt|pb)-(0)/,
        variants: ['!', 'sm', 'md', 'lg', 'xl', '2xl', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
    },
    {
        pattern: /(col-span)-(1|2|3|4|5|6)/,
        variants: ['sm', 'md', 'lg', 'xl', '2xl'],
    },
    {
        pattern: /(grid-cols)-(1|2|3|4|5|6)/,
        variants: ['sm', 'md', 'lg', 'xl', '2xl'],
    },
    {
        pattern: /(gap)-(x|y)?-(4|8|12|16|20|24)/,
        variants: ['sm', 'md', 'lg', 'xl', '2xl'],
    }
  ],
  theme: {
    extend: {
      fontFamily: {
        'cerco': ['CercoDEMO', 'sans-serif'],
      },
      colors: {
        'semi-white': 'rgba(255, 255, 255, 0.75)',
      },
    },
  },
  plugins: [],
}