吉本集の個人ブログ
Web制作の技術について書いています。たまに日記も書きます。

@function : 自作関数について

2014年3月3日 / category : reference-sass, sass

Sassでは、自作で関数を生成することができます。構文は下記の通りです。

@function 関数名(引数){
	@return 戻り値;
}

自作関数の参考例

Sass
$defalutFontSize: 12;

@function getFontSize($value){
	@return $defalutFontSize + $value + px;
}

.font{
	font-size: getFontSize(2);
}
CSS – コンパイル後
.font {
	font-size: 14px;
}