Добавление пользовательского файла .less в bootstrap: ошибка во время компиляции

Question

Я хочу добавить файл .less, который будет скомпилирован вместе с остальными файлами начальной загрузки .less. Я использую Less app для OSX. Мой файл называется style.less (да, я знаю, очень оригинально !!!!). В bootstrap.less я добавил следующее в конце: @import «style.less»;

Так что все работает хорошо при компиляции. Но если я использую некоторые переменные в моем файле style.less, я получаю сообщение об ошибке во время компиляции, говоря, что моя переменная не определена в style.less

Но я делаю то же самое в существующем файле бездействия, который поставляется с загрузочным, Я не получаю эту ошибку.

Я что-то не хватает?

заранее спасибо

Answer 1

Я думаю, вам нужно проверить код из файла style.less. Он может содержать очень маленькую синтаксическую ошибку.

Попробуйте добавить классы по одному. В моем случае, если я пишу + оператор как (@ ten-pixel + 3), все же он дает ошибку, поэтому правильный синтаксис (@ десять пикселей + 3).

Надеюсь, что это дает некоторую подсказку.

Answer 2

, что было частью помечен во время компиляции из моего недавно добавленного файла style.less:

#top { 
height: 150px; 
font-size: @smallFontSize; // check how to set this in variable.less 
border: 1px solid #C8C8C8; 
margin: ; 
} 

я получаю ошибку о том, что @smallFontSize было определенно. Если я добавить следующее в верхней части моего файла style.less определить переменную, например, как:

@smallFontSize: 11px; 

, то никакой ошибки не показываются во время компиляции.

пс: @smallFontSize от файла под названием variable.less

Answer 3

это потому, что вы импортируете style.less после того как вы пытаетесь использовать переменную?