我正在使用 Sass 设计一个新网站。
最初,我的 style.scss (编译的主 SCSS 文件)导入了 generic.scss (我在其中定义了变量)和各个页面(例如 homepage.scss)。效果很好。然后我尝试重构 homepage.scss 以仅导入其各个部分的 Scss(例如section-a.scss)。令人惊讶的是,Sass 编译器 (Prepros) 不再识别所有变量。
我的问题是:
- 我可以将部分导入到 SASS 中的部分吗?
- 我可以在所有其他部分中使用导入到主 scss 文件(编译的)的部分中声明的变量吗?
不用说,所有部分文件名都以下划线开头。
Thanks!
它一定与您进口的订单有关。
这应该像这样工作:(我不记得 SCSS 语法是什么......但这应该解释)
// primary file master.scss or whatever importing partials...
@import 'reset';
@import 'variables';
@import 'styles-etc';
// variables file / importing other partials
@import 'variables/space';
@import 'variables/color';
@import 'variables/break-points';
// styles file
body {
background: $color; // from variables/color...
}
我从来没有建议过任何人usebootstrap...但是如果你看看它的结构,你可能会看到很多这样的东西 - 作为一个例子。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)