Bootstrap. использование медиазапросов SASS

[vip]

Имеется такая структура файлов:

sass/
-- bootstrap/ (внутри каталог mixins и sass файлы- bootstrap/_mixins.scss, bootstrap/_variables.scss, bootstrap/_normilze.scss, и т.д.)
-- _bootstrap.scss
-- main.scss

содержание файла main.scss:

@import "bootstrap";


.element {
	with: 200px;

	@media (min-width: @screen-md-min) {
		width: 100px;
	}
}

Но компилятор ругается, что вместо @screen-md-min должно быть конкретное значение.Как добиться, чтобы можно было использовать брейкпоинты бутстрапа в Sass?
 

 

Edited December 21, 2016 by vip

[by chris]

@vip а миксины импортированы?

 

Edited December 21, 2016 by by chris

[vip]

6 минут назад, by chris сказал:

@vip а миксины импортированы?

 

Миксины бутстрапа импортированы в файле bootstrap.scss,

или их надо дополнительно в main.scss импортировать? пробовал их импортировать  и в main.scss, - не помогает.

Edited December 21, 2016 by vip

[by chris]

8 минут назад, vip сказал:

main.scss

Не пойму что из себя представляет main.scss, файл для импорта или ипортирующий?

[vip]

2 минуты назад, by chris сказал:

Не пойму что из себя представляет main.scss, файл для импорта или ипортирующий?

Импортирующий. просто я для наглядности оставил там только импортируемый файл bootstrap и в нем же дописал медиа запрос.

[by chris]

@vip, не до конца понял архитектуру. Думаю она нарушена. Файл для компилирования не должен включать в себя файл с тем же именем в  том же каталоге. Т.е main.scss и _main.scss рядом не могут лежать.

[vip]

4 минуты назад, by chris сказал:

@vip, не до конца понял архитектуру. Думаю она нарушена. Файл для компилирования не должен включать в себя файл с тем же именем в  том же каталоге. Т.е main.scss и _main.scss рядом не могут лежать.

Прошу прощения, по ошибке добавил подчеркивание к main.scss в топике. Сейчас поправил топик. Т.е. у меня только один main.scss в каталоге Sass.

[by chris]

@vip в общем ошибка в синтаксисе. @screen-md-min - таким образом переменные объявляются в less, а в sass префикс - это $.

Edited December 21, 2016 by by chris

[vip]

Да, спасибо!