AI Assistant

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.css

This 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 lintcss

This runs Stylelint against all CSS files in src/ inside the Node.js container.