CSS

PostCSS

Each design module defines a directory where Hugo looks for postcss.config.js. This value is set in the theme’s own hugo.yaml, you don’t need to override it in your project params:

# Set by the theme (e.g. hugolify-theme-bootstrap/hugo.yaml)
css:
  postcss: "postcss/bootstrap"       # hugolify-theme-bootstrap

The config file must exist at that path in your project (e.g. postcss/bootstrap/postcss.config.js). Each styling module ships the file at its root, ready to copy. A declared path with no file there is a build error. The fallback to postcss.config.js at the project root only applies when no path is declared at all.

• PostCSS for hugolify-theme-bootstrap
• PostCSS for hugolify-theme-design-system

Preload CSS

css:
  preload: true   # adds <link rel="preload"> for performance

Print CSS

css:
  print: true     # loads sass/print.sass or css/print.css with media="print"