title: Using mixin in scss file
body: <p>I have a file default.scss and in the file I have this css</p>
  <pre><code>        .excelGridCell { 
              background: $nav-background;
              height: 2.5em;
              border-radius: .8rem;
          }
  </code></pre>
  <p>I created a mixin in the same file like this because I want to use mixin to be able to reuse this css.</p>
  <pre><code>        @mixin special-button {
              .excelGridCell {
                  background: $nav-background;
                  height: 2.5em;
                  border-radius: .8rem;
              }
          }
  </code></pre>
  <p>Then called it in the same file(default.scss) like this.</p>
  <pre><code>        .excelGridCell{
              @include special-button
          }
  </code></pre>
  <p>This does not work. Is this the right way to use mixin with scss ?</p>