title: How to setup SCSS with Hugo
body: <p>I'm pretty new with Hugo and am struggling a bit with the documentation as it feels pretty fragmented with incomplete examples.</p>
  
  <p>I've created a new site <code>hugo new site site-name</code> along with a new theme <code>hugo new theme theme-name</code>.</p>
  
  <p>In the documentation page for <a href="https://gohugo.io/hugo-pipes/scss-sass/" rel="noreferrer">SASS/SCSS</a> there's the following example:</p>
  
  <pre><code>{{ $sass := resources.Get "sass/main.scss" }}
  {{ $style := $sass | resources.ToCSS }}
  </code></pre>
  
  <p>Not sure where that's supposed to go, how the whole pipeline works. Also, this seems to be specifically looking for files under an <code>assets</code> folder even though the theme is created with a <code>static/css</code> folder. Most examples I find on the web are all old setups using gulp to compile before the support being added to hugo (from my understanding)</p>