Sass 支持自定義函數(shù),并能在任何屬性值或 Sass script 中使用:
$grid-width: 40px;
$gutter-width: 10px;
@function grid-width($n) {
@return $n * $grid-width + ($n - 1) * $gutter-width;
}
#sidebar { width: grid-width(5); }
比如html5開發(fā),rem與設(shè)計圖單位的換算
@function rem($n) {
@return ($n/2/12);
}
.header{
height: rem(90rem); //height:3.75rem;
}
與 mixin 相同,也可以傳遞若干個全局變量給函數(shù)作為參數(shù)。一個函數(shù)可以含有多條語句,需要調(diào)用 @return 輸出結(jié)果。
自定義的函數(shù)也可以使用關(guān)鍵詞參數(shù),上面的例子還可以這樣寫: