Use Hugo pipes to compile SASS - Githubissues

cboettig / hugo-now-ui

:globe_with_meridians: Hugo adaptation of Now-UI from Creative Tim

http://cboettig.github.io/hugo-now-ui

MIT License

97 stars 61 forks source link

Use Hugo pipes to compile SASS #22

Closed simonwhitaker closed 5 years ago

simonwhitaker commented 5 years ago

With this change, overriding styles is as simple as:

cd path/to/hugo-site
mkdir -p assets/scss/now-ui-kit
cp themes/now-ui/assets/sass/now-ui-kit/_variables.scss assets/sass/now-ui-kit/
# Now simply edit assets/sass/now-ui-kit/_variables.scss

The theme consumer no longer has to edit anything inside the submodule, which is generally what you want.

Relevant links

See https://gohugo.io/hugo-pipes/scss-sass/ for the docs
See https://blog.fullstackdigital.com/how-to-use-hugo-template-variables-in-scss-files-in-2018-b8a834accce for a good primer on using Hugo pipes for SCSS processing

cboettig commented 5 years ago

Nice work, great to have this built in like that. Thanks for the background links as well, I hadn't seen that before.