梗概:
@function用于封装复杂的操作,可以很容易地以一种可读的方式抽象出通用公式和行为,函数提供返回值,常用来做计算方面的工作。
注意:函数命名和变量命名规则一致。
1. 可用的参数形式:
child::^e53c8d
2. 传实参时的特殊语法:
child::^ebccc7
1. 实例:
@function square($base) {
@return $base * $base * 1px;
}
.sidebar {
float: left;
margin-left: square(4);
}编译为
.sidebar {
float: left;
margin-left: 16px;
}