SCSSの関数で出来ること

lighten(), darken() に感動したので、他にSCSSでなにが出来るか気になった。

Module: Sass::Script::Functionsを見てざっくりおおまかにまとめました。

出来ること

• 赤色、緑色、青色の調整
• 色相、彩度、光度の調整
• 透明度の調整
• 明るさの調整
• 二色をまぜる
• クォートの追加／除去
• 数値の調整(round, ceil, floor, abs)
• 単位(%, px, em)の操作
• 単位付きの数値の比較(例:pxとemの比較)
• 複数要素の操作(length, nth, join)
• if 文

その他

そもそもSCSS(というかSass)はRubyで実装されてるらしい。Sass::Script::Functions あたりにメソッドを追加したら、自分で関数を追加できるみたい