Я пытаюсь создать миксин для генерации медиа-запросов, но он не работает.Вот мой код:
// responsive breakpoints
smScreen = 576px
mdScreen = 768px
lgScreen = 992px
xlScreen = 1200px
// responsive mixin
media-breakpoint-up(var)
@media (min-width: lookup(var+'Screen'))
{block}
Затем я пытаюсь использовать миксин следующим образом:
+media-breakpoint-up(lg)
padding 0 95px
Когда я пытаюсь скомпилировать стилус, я получаю следующую ошибку:
TypeError: expected "name" to be a string, but got unit:768px
at media-breakpoint-up() (variables.styl:33:24)
at ".cols" (grid.styl:9:19)