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