関数とは?

引数からデータを受け取って、決められた処理をする事

@extendや@mixinと違う点として、『値』を返す事です

sass チュートリアル

abs()

引数の絶対値を返します

絶対値

その数が0からどれくらい離れているかを表す値

マイナス値なら、整数が絶対値になります

round()

小数点以下の数を四捨五入します

ceil()

小数点以下を全て切り上げます

floor()

切り捨てる場合はfloor()を使用します

lighten()とdarken()

上から見ていきます

#000000を50%、lighten(明るく)しています

#ffffffを50%、darken(暗く)しています

下の2個は関数に値を渡して、短く書けるようにしています

mix()

#000000と#ffffffの50%(中間)の値を定義して、『gray』をコンパイルしています

主な関数をあげましたが、他にもたくさんあるので興味がある方は公式ページを覗いて見てくださいd(^_^o)

では、ご購読ありがとうございました!

sass チュートリアル

おすすめの記事