Мессины LESS недоступны в других импортированных файлах 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. Тем не менее, я получаю сообщение о том, что оно не определено.

Я могу вытащить свои переменные из vars.less, почему я не могу вытащить свои миксины из mixins-d-1.less?

Answer 1

Проблема была вовсе не в импорте.

Я допустил ошибку при использовании медиазапросов.

У обоих файлов был один и тот же медиазапрос, так как они оба были для настольного CSS (отсюда и «d»). Тем не менее, второй, в container-d-1.less, переписал первый и сдул все мои миксины! Мне явно нужно заключить блок импорта в один медиазапрос для этого раздела вместо того, чтобы повторно выделять его внутри каждого файла поменьше.