Как решить проблему с неопределенной перменной в LESS?

Question

[Денис]

Компилятор Коалы выводит сообщение об ошибке: variable @pageWidth is undefined.
Суть такова: есть список с подключаемыми файлами LESS:

@import "grid-settings.less";
@import "variables.less";

эти файлы подключаются в файл site.less. В этом файле есть правило:
min-width: @pageWidth;

где @pageWidth определен в файле @import "grid-settings.less" в медиа запросе:

@lg-min: 			1170px;

@media only screen and (min-width: 1170px) {
	@pageWidth: @lg-min;

	@colWidth: @col-lg;
	@gutter: @gutter-lg; 


	.make-grid(lg);
	.make-offsets(lg);
}

так в чем же тогда проблема? почему переменная не видна, если она определена в подключаемом файле? Помогите разобраться с проблемой.

Comments

[Денис]

вот медиа-запрос, который хранится в site.less

@media only screen and (min-width: 1170px) {
	@pageWidth: @lg-min;

	@colWidth: @col-lg;
	@gutter: @gutter-lg; 


	.make-grid(lg);
	.make-offsets(lg);
}

а вот то, что хранится в grid-settings

@lg-min: 			1170px;
@sm-min: 			940px;
@xs-min:			280px;

@colNumber: 		12;

@col-lg: 			70px;
@col-sm: 			60px;
@col-xs: 			80px;

@gutter-lg: 		30px;
@gutter-sm: 		20px;
@gutter-xs: 		@gutter-sm;

Answer 1

[Дмитрий Сергеевич]

В доках SASS написано что в медиа запросах не сработает данная конструкция. Буквально вчера прочитал. sass-guidelin.es/ru