При запуске gulp возникает ошибка Error: Invalid CSS after "...width: 1200px)": expected «{», was «};», как решить?

Question

[boul]

Всем добра, уважаемые специалисты!
Столкнулся с проблемкой и ни как не могу её победить.
При запуске gulp, вылетает ошибка:

Error in plugin "sass"
Message:
catalog\view\theme\my_theme\stylesheet\_media.sass
Error: Invalid CSS after "...width : 1200px)": expected "{", was ";"
on line 7 of catalog/view/theme/my_theme/stylesheet/_media.sass
from line 414 of catalog/view/theme/my_theme/stylesheet/stylesheet.sass
>> media only screen and (max-width : 1200px);

Вот содержимое media.sass:

@import "bourbon"
@import "vars"

/*==========  Desktop First  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px)
/**/


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px)
/**/


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) 
/**/


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px)
/**/


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px)
/**/


/*==========  Mobile First  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px)
/**/


/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px)
/**/


/* Small Devices, Tablets */
@media only screen and (min-width : 768px)
/**/


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
/**/


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
/**/

На сколько я понимаю, ошибок тут нет... Но Ошибка возникает.
Уже пробовал ставить "{", "{}", {/**/}.
Что не так? Кто сталкивался, посоветуйте как эту проблему убрать.
Спасибо.

Answer 1

[makaron710]

Попробуй перед каждым двоеточием убрать пробел

Comments

[makaron710]

А перед каждым пустым комментарием /**/ поставить табуляцию. Табуляция в sass компилируется как фигурные скобки, которые обязательно должны присутствовать после медия запроса.

Answer 2

[xdevelx]

Вот вам пример использования пустых медиа запросов в sass синтаксисе https://github.com/goodmediadeveloper/HTML_START_T...
Следующая строка после @media должна содержать отступы (табуляцию)