var styles = function (fileName) {
  if (!fileName) {
    fileName = 'dev/css/styles.scss';
  }
    gulp.src(fileName)
    .pipe(sourcemaps.init()) // initialize sourcemaps first
    .pipe(sass()) // compile SCSS to CSS
      .pipe(postcss([
      tailwindcss('./tailwind.config.js'),
      autoprefixer("> 0.5%", "last 4 versions", "ie 11"),
      // postcssPresetEnv(),
      // postcssInlineSVG()
    ])) // PostCSS plugins
    .pipe(csso({
      restructure: true,
      sourceMap: true,
    }))
    .pipe(sourcemaps.write('.')) // write sourcemaps file in current directory
    .pipe(dest('assets/css')) // put final CSS in dist folder

    gulp.src('assets/css/*.css');

    return console.log('compiled: ' + fileName);
  }

module.exports = {
  // mode: 'jit', // Just-In-Time Compiler
  purge: {
    enabled: true,
    content: ['*.php', './template-parts/**/*.php', './assets/css/*.css']
  },
  darkMode: 'media', // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

@tailwind base;
@tailwind components;
@tailwind utilities;

h1 {
   @apply
   py-2
   px-4
   gap-0.5
   text-white
   font-semibold
   rounded-lg
   shadow-md
   hover:bg-blue-700
   focus:outline-none
   focus:ring-2
   focus:ring-blue-400
   focus:ring-opacity-75
   bg-zinc-600;
}