WENIGER/Sass-Variable in Angular TypeScript-Komponente

Question

Kann ich eine LESS/Sass-Variable in eine Angular TypeScript-Komponente einfügen?

Zum Beispiel:

animations: [ 
    trigger('dialog', [ 
     state('*', style({ 
     transform: 'translate(unit(@var1, px), unit(@var2, px))', 
     top: 'unit(@var3, px)', 
     height: 'unit(@var4, px)' 

Aktuelle Code:

@Component({ 
    selector: 'animationDialog', 
    templateUrl: './animationDialog.component.html', 
    styleUrls: ['./modal.component.css'], 
    animations: [ 
    trigger('dialog', [ 
     state('*', style({ 
     transform: 'translate(20px, 20px)', 
     top: '20px', 
     height: '20px' 
})) 

Fall dies nicht möglich ist: Gibt es eine andere CSS Vorverarbeitung Sprache für Stil?

Answer 1

Würde so etwas helfen? https://github.com/davidkpiano/sassport