我正在开发一个利用 Sass 预编译的 Twitter Bootstrap 的项目。
每次覆盖变量时,我都必须重新导入_bootstrap.sass
文件到我的项目主样式表以使覆盖生效。
您是否知道如何使此过程自动进行,以便每次修改变量时立即生效?
为了进一步澄清,这是我的目录结构:
/project
/custom-sass
/boot.scss -> This is where _bootstrap.scss is imported
/glob.scss
/dev
/bootstrap-sass
/bootstrap
/mixins
/partial1.scss
/partial2.scss
/etc..
/_bootstrap.scss -> This is the main Bootstrap Sass file that imports all partials.
当我直接在 _variables.scss 中覆盖变量,然后重新导入时_bootstrap.scss
有了这个指令:@import '../dev/bootstrap-sass/_bootstrap.scss
在我的 boot.scss 中,样式得到更新。
但是,我不想直接覆盖变量_variables.scss
。而且,我不想被迫重新导入_bootstrap.scss
每次我进行更改时都会在我的主样式表中。
没有任何语言可以实现您所建议的功能。如果您指定$margin: 10px
然后运行一些使用该变量的代码,您不能将其更改为20px
并期望它能够追溯更改已经运行的代码的结果。
如果你想$margin: 20px
,然后在运行依赖于它的过程(混合、导入等)之前以这种方式指定它。换句话说,移动您的 Bootstrap 导入,以便它们after你设置你的变量。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)