Variable LESS/Sass dans un composant Angular TypeScript

Question

Puis-je mettre une variable LESS/Sass dans un composant Angular TypeScript?

Par exemple:

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

Code actuel:

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

cas ce n'est pas possible: il est une autre langue de pré-traitement CSS pour le style?

Answer 1

Quelque chose comme ceci vous aide? https://github.com/davidkpiano/sassport