title: Sass @Import rules and naming
body: <p>I have read many articles about importing sass files in sass but I can't seem to wrap my head around it. There seems to be many different ways of doing it.</p>
  
  <p>I have tried copying a fellas setup which looks like this:</p>
  
  <pre><code>global
  - style.scss
  
  Components
  - buttons.scss
  - colors.scss
  - fonts.scss
  - etc.
  
  Utils
  - normalize.scss
  </code></pre>
  
  <p>So let's say this is my setup. Some people say I should name each scss file with an underscore: <code>_buttons.scss</code> while others say NOT to do it.</p>
  
  <p>If I work in my <code>style.scss</code> I still need to use a <code>import url("components.buttons.scss")</code>like I've always done or am I missing something? If I'm not missing something what's the difference between this setup and a typical css setup?</p>