LESS Mixins 在其他导入的 LESS 文件中不可用

Question

我有这个代码：

@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。但是，我收到一条错误消息，指出它未定义。

我可以从 vars.less 中提取我的变量，为什么我不能从 mixins-d-1.less 中提取我的混入？

Answer 1

问题根本不在于导入，真的。

我在使用媒体查询时犯了一个错误。

这两个文件具有相同的媒体查询，因为它们都是针对桌面的 CSS（因此 "d"）。然而，第二个，在 containers-d-1.less 中，覆盖了第一个并吹走了我所有的混合！我显然需要将导入块包装在该部分的单个媒体查询中，而不是在每个 less 文件中重新声明它。

LESS Mixins aren't available in other imported LESS files