Stylus中的SASS紧凑属性语法

Question

是否可以执行类似

的操作

background:
  image: url(...)
  repeat: no-repeat
  size: cover

在SASS中可以在Stylus中完成吗？

Answer 1

不幸的是，这在手写笔中是不可能的。但你可以使用这样的函数：

background($url, $repeat = false, $size = false, $position = false, $attachment = false)
    background-image url($url)
    if ($repeat)
        background-repeat $repeat
    if ($size)
        background-size $size
    if ($position)
        background-position $position
    if ($attachment)
        background-attachment $attachment

并按照以下方式使用：background("../images/ico-timeline.png", repeat-x, auto, center left, fixed)或background("../images/ico-timeline.png", repeat-x, auto)。

标记为false的变量是可选的，因此每次使用此功能时都不需要使用它。

Answer 2

不，这在Stylus中是不可能的。