SCSS导出通用代码以减少重复

时间:2019-01-19 09:12:43

标签: css sass

我对SCSS很陌生。在我的项目中,有几个主题,每个主题包含一个特定的.css文件,其中有一些重复的代码。

例如,在我的one/base.css中,我有以下代码,其中color1是此主题中使用的主要颜色:

.a{
    color: color1
}

two/base.css中,我有

.a{
    color: color2
}

无论如何,我在pf根项目中创建了一个名为common.sccs的文件,该文件包含:

.a{
    color: $primary_color;
}

$primary_color文件中未定义common.sccs。然后在one/base.scsstwo/base.scss中我有这样的东西:

$primary_color: color1;
@import("../../common")

和{{1}中的a标签是one.scsscolor1two.scss

我现在正在这样做,但是结果color2恰好包含导入行:

base.css

并且@import "../../common"; 中的代码未出现在其中。

谢谢

0 个答案:

没有答案