使用npm在SCSS中设置动态变量

时间:2018-12-06 21:36:15

标签: css npm sass scss-mixins

我对npm和SCSS没有太多经验,所以我有以下问题:

我有一个SCSS(app.scss)文件,在该文件中有很多地方,我使用一种默认颜色作为背景。我的想法是使用变量$ background_color,以便我可以轻松更改该颜色。有可能吗?如果可以,怎么办?

这是我的mix.js的代码:

logger.debug()

1 个答案:

答案 0 :(得分:0)

sass允许使用可重用的变量:

$color-blue: #0C4376;

消费如下:

.box {
  width: 200px;
  height: 50px;
  background-color: $color-blue; // variable used here
}

https://sass-lang.com/guide