CSSのカスタムイージングをSass関数化した

easings.netにはcubic-bezierを使ったカスタムイージングが掲載されている。

各イージングをクリックするとcubic-bezier()の値が見られるわけだが、これをいちいちコピペするのはだるいし、RubySassが開発終了を宣言した2018年にもなってCompass Ceaserを使うのは前時代的と言える。

そこでカスタムイージングをSass関数で簡単に使うためのパーシャルファイルを作った。

Easing Sass Function

src/_easing-sass-function.scss をコピペして自分の好きなところに組み込むなり、npm i easing-sass-functionして@importするなりして使える。詳しくはREADMEを参照されたし。

しかしこれを書いている時に、もしかしてと思って調べたら、同等のものがとっくの昔にnpmにあった。

sass-easing

どう見てもこちらの方が使いやすい。なんで僕はSass関数にラップしたんだろうか。

最近「もうあった」的なものを連続で引いていてちょっとつらい。