SASS编译器自定义规则/例外

Question

我正在为拥有自己的html / css模板系统的软件编写Sass / CSS。读取输出的CSS文件，并在构建模板时将内部的任何变量转换为正确的值。变量看起来像

{主题= “my_var_key”};

我希望能够在Sass中编码，但仍然可以在输出的css文件中使用该软件的自定义变量。

是否可以向sass编译器添加自定义规则/异常，以便按原样编译上述变量？

Answer 1

您可以使用#{$variable}

在SASS中输出实绳

$var: '{theme="my_var_key"}';
body{
  color: #{$var};
}

哪个输出：

body {
  color: {theme="my_var_key"};
}

这也可以在类名或ID名中使用。例如：.#{$var}输出.{theme="my_var_key"}