Winkelkomponentenstile nach globalen Stilen laden

Wie kann ich meine Scss-Variablen, Mixin usw. in einen Komponentenstil in Angular laden?

Meinsrc/styles.scss

$primary: #00aaff;
/*... */
@mixin center {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

undsrc/app/mycomponent/mycomponent.component.scss

.content {
 @include center;
 color: $primary;
}

Es kennt die Variablen @mixinund nicht.$primary

Lösung des Problems

Sie können stattdessen die
Datei style.scss versuchen

root {
 --primary: #000;
}

Datei My.scss

.myClass {
 background: var(--primary);
}