Angular TypeScriptコンポーネントのLESS/Sass変数

Question

Angular TypeScriptコンポーネントにLESS/Sass変数を追加できますか？例えば

：

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

現在のコード：

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

ケースこれは不可能です：スタイルのために、他のCSS前処理言語はありますか？

Answer 1

このようなことはありますか？ https://github.com/davidkpiano/sassport