我正在尝试进行混合以生成媒体查询,但是它不起作用。这是我的代码:
// responsive breakpoints
smScreen = 576px
mdScreen = 768px
lgScreen = 992px
xlScreen = 1200px
// responsive mixin
media-breakpoint-up(var)
@media (min-width: lookup(var+'Screen'))
{block}
然后我正在尝试像这样使用mixin:
+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)