0

我正在寻找以下内容:

假设我有一个 main.scss,其中包含我的所有 css。

在文件的顶部,我有以下行:

@import "partials/vars";

这包含我在 main.scss 中使用的所有变量(如颜色、填充等...)

问题是我的应用程序将被多个客户端使用。每个都有自己的配色方案等。

所以我想要的是最简单的方法(如果有的话)说:

我有我的主文件,我把它编译成例如:

company1.css company2.css company3.css

它们中的每一个都包含相同的 css 代码,但具有自己的配色方案。

如果它的 company1 那么它应该导入'partials/company1Vars.scss company2 加载 company2vars.scss 等

任何帮助,将不胜感激。

4

1 回答 1

0

不确定你有多少家公司,但如果不是一些疯狂的数字,你可能有:

company1Styles.scss company2Styles.scss company3Styles.scss 等。

每一个都将包含一行

@import "partials/_company1Vars.scss"
@import "_screen.scss"; // contains everything else

或者

@import "partials/_company2Vars.scss"
@import "_screen.scss"; // contains everything else

您可以独立于项目中的其他所有内容更改变量并获得不同的输出。

于 2013-10-30T17:11:18.920 回答