SASS /指南针:参考而不是包含

时间:2016-10-12 14:23:03

标签: html css web compass-sass bootstrap-sass

我目前正在使用Compass(Bootstrap Fork)在大型企业网站上工作。我们使用了许多不同的scss文件,所有这些文件都包括base.scss,我们的变量和mixin都存在。现在,我们想要从scss文件中编译一些可选的css文件,这些文件在编译时从base.scss文件接收变量,但是不会有在完成的基础中定义的所有其他规则的开销。和编译的css文件。 所以基本上,我正在寻找一种方法来引用基本文件而不是包含它。我只想将$ companyColor(etc ...)替换为基本文件中相应变量的值。

请注意,我不能在我的基本文件中输入@imported丢失的文件,因为这些文件会覆盖一些基本规则,并且只会加载到网站的某些页面上以提供备用文件主题。

这一切都可能吗?

提前致谢!

1 个答案:

答案 0 :(得分:2)

不确定我完全理解你的要求。

但如果您希望base.scss中的某些变量包含在其他scss文件中,则可以将base.scss拆分为两个文件:

  • shared-vars.scss包含将包含在其中的变量 可选的scss文件
  • base.scss包含所有其他变量和mixins,和导入 shared-vars.scss

现在,您可以在主scss文件中导入base.scss,并仅在可选的scss文件中导入shared-vars.scss