问题描述
我有此代码:
@import "vars.less";
// Desktop/Laptop Section
@import "mixins-d-1.less";
@import "positioning.less";
@import "containers-d-1.less";
在containers-d-1.less
内部,我引用了mixins-d-1.less
中的mixin.但是,我收到一条错误消息,说它是未定义的.
Inside containers-d-1.less
I reference a mixin from mixins-d-1.less
. However, I get an error saying that it's undefined.
我能够将变量从vars.less
中拉出,为什么我不能将我的mixins从mixins-d-1.less
中拉出?
I'm able to pull my variables out of vars.less
, why can't I pull my mixins out of mixins-d-1.less
?
推荐答案
问题实际上根本不是导入.
The problem wasn't the importing at all, really.
我在使用媒体查询的方式上犯了一个错误.
I made a mistake in how I was using media queries.
这两个文件都具有相同的媒体查询,因为它们都是针对桌面CSS的(因此为"d").但是,在容器d-1.less中的第二个覆盖了第一个,并吹走了我所有的mixins!我显然需要将import块包装到该部分的单个媒体查询中,而不是在每个较少的文件中重新声明它.
Both files had the same media query since they were both for the desktop CSS (hence the "d"). However, the second one, in containers-d-1.less was OVERWRITING the first one and blowing away all my mixins! I clearly need to wrap the import block in a single media query for that section instead of redeclaring it inside each less file.
这篇关于LESS Mixins在其他导入的LESS文件中不可用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!