Sass-scss

梗概:

@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;
}