我正在使用Zurb Foundation 4(S)CSS框架,并且遇到了大量重复样式的问题。这是因为在每一个文件,我@import 'foundation'
在,从基金会的所有样式也导入(对于规则body
,.row
,.button
和朋友)。由于所有Zurb的样式都被声明为四到五次,因此这会导致SCSS编译时间较长,并且在Chrome中难以导航Web开发人员控制台。
为了减轻这种情况,我创建了一个globals
scss文件,其中包含Foundation使用的可覆盖变量(从中复制粘贴foundation_and_overrides.scss
,然后foundation_and_overrides
导入全局变量)。仅导入globals.scss
文件仅在不使用Foundation mixins 的文件中消除重复。
在使用Foundation mixins的文件中:是否可以仅从SCSS文件中导入mixins,而不导入具体的Foundation样式?