Как перезаписать цвет темы @material только для одного компонента? - PullRequest
0 голосов
/ 15 декабря 2018

$mdc-theme-secondary: #6b2574 уже определен в верхней части файла index.scss.

У меня есть компонент флажка материала, который по умолчанию использует $mdc-theme-secondary в качестве цвета фона.Я хочу изменить цвет флажка без изменения mdc-theme-secondary.

Я просматривал документацию к материалу .

mdc-checkbox-container-colors($unmarked-stroke-color, $unmarked-fill-color, $marked-stroke-color, $marked-fill-color, $generate-keyframes)

Он предоставляет этот миксин, но, попробовав разные вещи, я все еще не знаю, как его использовать.Я не смог найти ни одного примера.

Спасибо за любую помощь заранее.

1 Ответ

0 голосов
/ 15 декабря 2018
@import "@material/checkbox/mdc-checkbox";
.mdc-checkbox {
  @include mdc-checkbox-container-colors($mdc-theme-secondary, $mdc-theme-on-secondary, 
  $mdc-theme-primary, $mdc-theme-on-primary);
}

Я понял, как использовать миксин ... Я должен установить флажок .mdc.

...