Permalink
Fetching contributors…
Cannot retrieve contributors at this time
32 lines (22 sloc) 1.52 KB
layout page_type page_datetime page_id page_tag page_cover page_description page_title
./src/html/post.pug
post
2018-04-16T02:02:02
95
CSS
Sass
Node.js
npm iできます
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関数にラップしたんだろうか。

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