あくまで自分用の覚え書きなので文章とか適当です...

mixin の場合

@mixin fz($size) {
	font-size: ($size / 16) + rem;
}

//呼び出し
@include fz(ここにpxサイズを入れる)

関数の場合

@function fz($size) {
	@return ($size / 16) + rem;
}

//呼び出し
font-size(ここにpxサイズを入れる)

stylelint で CSS プロパティの並べ替えをしている場合は関数の方が良いかも。

スポンサーリンク