title: Angular-mdc returning "No mixin named mdc-top-app-bar-fill-color"
body: <p>So, I'm using angularCLI and angular-MDC, I want to use the second color of my <code>styles.scss</code>. There is on site <a href="https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-bar-demo/sass" rel="nofollow noreferrer">https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-bar-demo/sass</a> this syntax <code>mdc-top-app-bar-fill-color($color)</code> I used and returns <code>No mixin named mdc-top-app-bar-fill-color</code>, below is my code:</p>
  
  <h3>component.html</h3>
  
  <pre><code>&lt;mdc-top-app-bar class="header-mdc" [mdcElevation]="5"&gt;
    &lt;div style="text-align: center"&gt;
      &lt;h1&gt;Autonomous&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/mdc-top-app-bar&gt;
  </code></pre>
  
  <h3>component.scss</h3>
  
  <pre><code>.header-mdc {
    @include mdc-top-app-bar-fill-color($mdc-theme-secondary);
  }
  </code></pre>
  
  <h3>styles.scss</h3>
  
  <pre><code>$mdc-theme-primary: #6200ee; // primary color
  $mdc-theme-secondary: #FFFFFF; // secondary color
  
  @import '~@angular-mdc/theme/material';
  
  body {
    font-family: 'Roboto Thin';
    margin: 0;
    padding-top: 0.1px;
  }
  </code></pre>
  
  <h3>ERROR</h3>
  
  <pre><code>@include mdc-top-app-bar-fill-color($mdc-theme-secondary);
            ^
        No mixin named mdc-top-app-bar-fill-color
  </code></pre>