是否可以将值从Angular2中的Typescript传递给SCSS变量

时间:2017-05-19 06:27:21

标签: angular typescript sass gulp gruntjs

我正在寻找可以将值传递给SCSS变量的可能解决方案。我非常清楚,因为SCSS是一个预处理器,而且几乎不可能。但必须有一些解决方案,我们可以轻松访问变量并更改或检索它的价值。

我们是否可以watch使用gruntgulp不断检查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上看过很多这样的问题,但在那里没有得到任何满意的答案。

0 个答案:

没有答案