title: Which .scss file should I make site updates on?
body: <p>As you can tell by this question I'm still learning SASS and Bootstrap 4. With BS4 I've had to setup some .scss partial files and then import them into my site.scss file. In order to make changes to Bootstrap I made changes in my _my-theme.scss file. My question is when I want to make simple CSS changes, not dealing with BS, is it best to put them directly in the site.scsss file or should I put them in the _my-theme file? </p>
  
  <p>Ex: if I just want to make a page-title class I see that it will work if I put it in either my site.scss file or in the _my-theme.scss file but which one is best practice and is there a reason why?</p>
  
  <p>I know I need to only have the class in one or the other file, I just don't know which one I should be putting it in?</p>
  
  <p>Here is my site.scss:</p>
  
  <pre><code>@import "scss/_custom-variables.scss";
  @import "bootstrap/bootstrap.scss";
  @import "scss/_my-theme.scss";
  
  
  .page-title {
      color: red;
      font-weight: bold;
  }
  </code></pre>
  
  <p>Here is an example of _my-theme.scss:</p>
  
  <pre><code>body {
      padding-top: 0px;
      padding-bottom: 20px;
  }
  
  /* Set padding to keep content from hitting the edges */
  .body-content {
      padding-left: 15px;
      padding-right: 15px;
  }
  
  .page-title {
      color: red;
      font-weight: bold;
  }
  </code></pre>