我正在寻找可以将值传递给SCSS
变量的可能解决方案。我非常清楚,因为SCSS
是一个预处理器,而且几乎不可能。但必须有一些解决方案,我们可以轻松访问变量并更改或检索它的价值。
我们是否可以watch
使用grunt
或gulp
不断检查SCSS
文件中的可能更改,并根据我们获得适当的CSS? (我知道要检索这些更改,我们需要刷新页面。)它真的可能吗?
修改
假设我有一个SCSS文件:style.scss
$background : #c9def5;
.nav-tabs {
background-color: $background;
}
最初生成css时,它看起来像这样
.nav-tabs {
background-color: #c9def5;
}
现在在我的应用程序中有动态更改应用程序的主题的功能。因此,我需要将颜色值传递给$background
文件中的SCSS
并需要更改它。
现在说我已将主题颜色更改为#d9d9d9
所以我想要的是将值#d9d9d9
传递给$background
并修改css
.nav-tabs {
background-color: #c9def5;
}
真的有可能吗?如果是,那么我该如何实现呢?
PS:我在SO上看过很多这样的问题,但在那里没有得到任何满意的答案。