All styles are compiled from scss files and use standard sass syntax.
Files outside the pages/
folder won't generate an output. If using regular .css
instead of .scss
, place your files inside public/
in the root of the project.
components/
|-- navigation/
|-- _navigation.pug
|-- navigation.scss
scss/
|-- _helpers.scss
pages/
|-- global.scss
|-- index.pug
// global.scss
@import "../components/navigation";
@import "../scss/helpers";
This will be the output: