coolswood
@coolswood
https://coolswood.github.io

Как подружить stylus с postcss-inline-media?

Пытаюсь настроить компиляцию стилей через Gulp. Я использую плагин для написания медиа запросов прямо в основных стилях. Выглядит это следующим образом:


header {

margin: 25 50 @(max-width: 80px) 20 30;

}



Плагин прекрасно работает с css, но при компиляции stylus выдает ошибку. Подскажите, какие возможны варианты решения.
Пробовал следующее:


@css {

header {

margin: 25 50 @(max-width: 80px) 20 30;

}
}


Работает, но не подходит, т.к. убивает идею.
Пробовал экранирование:



header {

margin: 25 50 \@\(max-width\: 80px\) 20 30;

}

Но оно дает отступы после символа.



header {

margin: 25 50 @ ( max-width : 80px ) 20 30;

}

Плагин не подхватывает=(

Помогите, пожалуйста.
  • Вопрос задан
  • 181 просмотр
Решения вопроса 1
werty1001
@werty1001
undefined
margin: 25 50 unquote( '@(max-width:80px) 20 30' )

Можно еще миксины написать, что-то типа:
max( width, data )
	unquote( '@(max-width:' + width + ') ' + data )

header
	margin 25 50 max( '180px', '20 30' )
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы