Переменные не работают в модульном Sass

Я использую модульный SASS, который поставляется с Underscores (который является фреймворком WordPress, но здесь не очень актуален). Это очень похоже на то, что вы видите с помощью bootstrap less или sass, когда у вас есть один простой файл с множеством операторов @import.

Моя проблема заключается в том, что когда я запускаю свою задачу grunt (grunt-contrib-sass) в ядре style.scss, я получаю сообщение об ошибке с указанием неопределенной переменной: "$color__background-body" в строке 32 файла sass/layout/_reset.scss. Но эта переменная определена в самом первом @import. Я исправляю это, и тогда у него просто возникает проблема со следующей переменной, поэтому он не видит мои переменные.

В прошлом у меня была такая же проблема с использованием начальной загрузки без компилятора Koala, и в итоге я не использовал переменные. Но я хотел бы решить эту проблему, поэтому, если у кого-то из вас есть какие-либо идеи, я бы хотел их услышать!

Вы можете найти файлы и структуру здесь:

https://github.com/shellwe/Great-Plains-Landscaping-WP/tree/master/sass

Кроме того, я понимаю, что исправление могло бы состоять в том, чтобы все мои переменные были в моем style.scss, а не в выражении @import, но я хотел бы по возможности придерживаться модульного подхода.

Спасибо!

0 ответов

Другие вопросы по тегам