import cssnano from 'cssnano'
import presetEnv from 'postcss-preset-env'
import focusVisible from 'postcss-focus-visible'
// import sortMediaQueries from 'postcss-sort-media-queries'
import normalize from 'postcss-normalize'


export default {
    plugins: [
        // Preset Env
        presetEnv({
            stage: 2,
        }),

        // Focus visible
        focusVisible({}),

        // Sort media queries
        // sortMediaQueries({
        //     sort: 'mobile-first'
        // }),

        // Normalize
        normalize({}),

        // CSS Nano
        !process.env.DEV && cssnano({
            preset: ['default', {
                autoprefixer: true,
                discardComments: { removeAll: true },
                calc: { precision: 2 },
                safe: true
            }]
        }),
    ]
}