Angular-mdc, возвращающий "Никакой миксин с именем mdc-top-app-bar-fill-color" - PullRequest
Новая
       58

Angular-mdc, возвращающий "Никакой миксин с именем mdc-top-app-bar-fill-color"

0 голосов
/ 22 февраля 2019

Итак, я использую angularCLI и angular-MDC, я хочу использовать второй цвет моего styles.scss.Есть на сайте https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-bar-demo/sass этот синтаксис mdc-top-app-bar-fill-color($color) Я использовал и возвращает No mixin named mdc-top-app-bar-fill-color, ниже мой код:

component.html 

<mdc-top-app-bar class="header-mdc" [mdcElevation]="5">
  <div style="text-align: center">
    <h1>Autonomous</h1>
  </div>
</mdc-top-app-bar>

component.scss 

.header-mdc {
  @include mdc-top-app-bar-fill-color($mdc-theme-secondary);
}

styles.scss 

$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;
}

ОШИБКА 

@include mdc-top-app-bar-fill-color($mdc-theme-secondary);
          ^
      No mixin named mdc-top-app-bar-fill-color

1 Ответ

0 голосов
/ 14 мая 2019

Если вы поместите @import '~@angular-mdc/theme/material'; вверху вашего component.scss файла, он должен работать.

Это кажется немного неправильным, и я уверен, что есть лучший способ.

...