В моем файле component.scss у меня есть переменная mixin, я пытаюсь установить цвет пульсации для элемента div.
если я установил прямое значение цвета например: [matRippleColor] = "red" в HTML, цвет пульсации применяется и работает .
однако, если я присваиваю [101R *] имя переменной mixin или имя класса scss *, то цвет ряби будет не применен .
component.scss flie
@import '~@angular/material/theming';
@mixin dashboard-component-theme($bg-ripple) {
.rippleCOLOR {
background-color: $bg-ripple;
color: $bg-ripple;
}
}
component.html flie
<!-- WORKING: Direct Color value -->
<div matRipple [matRippleColor]="red"> Some text </div>
<!-- NOT WORKING: mixin variable -->
<div matRipple [matRippleColor]="$bg-ripple"> Some text </div>
<!-- NOT WORKING: scss class name -->
<div matRipple [matRippleColor]="rippleCOLOR"> Some text </div>
необходимо установить цвет пульсации из переменной mixin в файле scss