SCSS & SASS in Hugo
Create assets/scss/
Files that begin with _ are not meant to be imported into the SASS compiler. They are meant to be used by other scss files.
main.scss file Import other _ files that are in assets/scss:
@import "grid";
@import "demo";
Import SCSS or SASS
Add to /layouts/partials/head.html
<title>{{ .Title }}</title>
{{ $css := resources.Get "scss/main.scss" }}
{{ $css = $css | toCSS }}
<link rel="stylesheet" href="{{ $css.RelPermalink}}">