PostCSS and Sass
WordPressify uses PostCSS by default. You can add, remove, or swap plugins to build the exact CSS feature set you need.
The plugin lists are defined in gulpfile.js:
Development plugins (pluginsListDev):
- partialimport
- postcssPresetEnv
- postCSSMixins
- autoprefixer
Production plugins (pluginsListProd):
- partialimport
- postcssPresetEnv
- postCSSMixins
- autoprefixer
- cssnano (minification)
Writing CSS
The main CSS entry point is:
src/assets/css/style.cssThis file contains the WordPress template header comment and imports for your stylesheets.
Linting
CSS is linted with Stylelint, configured in .stylelintrc in the project root. Run it with:
npm run lintcssThis runs Stylelint against all CSS files in src/ inside the Node.js container.