Medialize/sass.js 是否可以修改 sass 变量？

Question

我想知道是否有一种方法允许在浏览器中更改 sass 变量并查看实时更改。在 less.js 中有一个名为 "modifyVars" 的方法。 sass.js中是否有类似的功能？

Answer 1

Less 使用延迟加载和变量的最后声明获胜，因此您可以使用 "modifyVars";

放置变量的定义以在之后覆盖

使用 Sass，您只能覆盖使用 !default 定义的变量。您可以通过将它们的定义放在代码的开头来覆盖这些变量。

Sass.writeFile('code.scss', '$var: red !default; p { color: $var; }');
Sass.compile('$var: green; @import "code.scss";', function(result) {
  console.log(result);
});

应该编译成：

p { 
color: green; }

Medialize/sass.js 是否可以修改 sass 变量？

Medialize/sass.js is it possible modify sass variables?

javascript

css

sass