CSSのカスタムイージングをSass関数化した
easings.netにはcubic-bezierを使ったカスタムイージングが掲載されている。
各イージングをクリックするとcubic-bezier()
の値が見られるわけだが、これをいちいちコピペするのはだるいし、
RubySassが開発終了を宣言した2018年にもなってCompass Ceaserを使うのは前時代的と言える。
そこでカスタムイージングをSass関数で簡単に使うためのパーシャルファイルを作った。
src/_easing-sass-function.scss
をコピペして自分の好きなところに組み込むなり、npm i easing-sass-function
して@import
するなりして使える。詳しくは
READMEを参照されたし。
しかしこれを書いている時に、もしかしてと思って調べたら、同等のものがとっくの昔にnpmにあった。
どう見てもこちらの方が使いやすい。なんで僕はSass関数にラップしたんだろうか。
最近「もうあった」的なものを連続で引いていてちょっとつらい。