title: How to use SCSS mixins with angular 7
body: <p>I am getting this error in my angular project.</p>
  
  <blockquote>
    <p>@include for-desktop-up {....<strong>"
     No mixin named for-desktop-up"</strong></p>
  </blockquote>
  
  <p>My code in the styles.scss is</p>
  
  <pre><code>@mixin for-desktop-up {
      @media (min-width: 1024px) { @content; }
  }
  </code></pre>
  
  <p>My code in a stylesheet of a component is</p>
  
  <pre><code>@include for-desktop-up {
      //some scss code
  }
  </code></pre>
  
  <p>What am I doing wrong or what is going on?</p>