title: Angular, Bootstrap 4, angular-cli - where to place dependent scss and import it?
body: <p>See <a href="https://stackoverflow.com/questions/40359941/where-to-put-a-main-scss-file-in-angular-2">this question</a>, which works if you have scss that does not depend on bootstrap's variables.</p>
  
  <p>In my index.html:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://v4-alpha.getbootstrap.com/dist/css/bootstrap.min.css"
  </code></pre>
  
  <p>If I then put a styles.scss into /assets folder, that has content like this:</p>
  
  <pre><code>@include media-breakpoint-up(sm) {
    html {
      font-size: 16px;
    }
  }
  </code></pre>
  
  <p>The project fails to build:</p>
  
  <pre><code>Module build failed: 
  @include media-breakpoint-up(sm) {
          ^
        No mixin named media-breakpoint-up
  </code></pre>
  
  <p>So my question is where do I load my own css that depends on bootstraps variables and mixins?</p>