const themeDir = __dirname + '/../../';

module.exports = {
    plugins: [
        require('postcss-import')({
            path: [themeDir]
            }),
        require('tailwindcss')(themeDir + 'assets/css/tailwind.config.js'),
        // Configuration of purgecss for Tailwindcss
        // see https://tailwindcss.com/docs/controlling-file-size/#setting-up-purgecss
        require('@fullhuman/postcss-purgecss')({
            // Specify the paths to all of the template files in your project
            content: [
                themeDir + 'layouts/**/*.html',
                themeDir + 'exampleSite/content/**/*.html',
                'layouts/**/*.html',
                'content/**/*.html',
            ],
            // Include any special characters you're using in this regular expression
            defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [],
            fontFace: true
        }),
        require('autoprefixer')({
            grid: true
        }),
        require('postcss-reporter'),
    ]
}