}
Functions 方法
返回值
stylus
CSS Code复制内容到剪贴板
border-radius(val)
-webkit-border-radius: val
-moz-border-radius: val
border-radius: val
button
border-radius(5px);
编译成
CSS Code复制内容到剪贴板
button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
Transparent mixins
不带参数
stylus
CSS Code复制内容到剪贴板
border-radius()
-webkit-border-radius: arguments
-moz-border-radius: arguments
border-radius: arguments
button
border-radius: 5px 10px;
编译成
CSS Code复制内容到剪贴板
button {
-webkit-border-radius: 5px 10px;
-moz-border-radius: 5px 10px;
border-radius: 5px 10px;
}
默认参数
不带参数
stylus
CSS Code复制内容到剪贴板
add(a, b = a)
a + b
add(10, 5)
// => 15
add(10)
// => 20
函数体
通过内置unit()把单位都变成px, 因为赋值在每个参数上，因此，我们可以无视单位换算。
CSS Code复制内容到剪贴板
add(a, b = a)
a = unit(a, px)
b = unit(b, px)
a + b
add(15%, 10deg)
// => 25
多个返回值
通过内置unit()把单位都变成px, 因为赋值在每个参数上，因此，我们可以无视单位换算。
CSS Code复制内容到剪贴板
sizes()
15px 10px
sizes()[0]
// => 15px
Variables(变量)
常用方法
CSS Code复制内容到剪贴板
stylus
font-size = 14px
body
font font-size Arial, sans-seri
