Quickly integrate custom bezier curves into your SASS/SCSS.
Sine In
$easeInSine
Sine Out
$easeOutSine
Sine In/Out
$easeInOutSine
Quad In
$easeInQuad
Quad Out
$easeOutQuad
Quad In/Out
$easeInOutExpo
Cubic In
$easeInCubic
Cubic Out
$easeOutCubic
Cubic In/Out
$easeInOutExpo
Quart In
$easeInQuart
Quart Out
$easeOutQuart
Quart In/Out
$easeInOutExpo
Quint In
$easeInQuint
Quint Out
$easeOutQuint
Quint In/Out
$easeInOutExpo
Expo In
$easeInExpo
Expo Out
$easeOutExpo
Expo In/Out
$easeInOutExpo
Circ In
$easeInCirc
Circ Out
$easeOutCirc
Circ In/Out
$easeInOutExpo
Back In
$easeInBack
Back Out
$easeOutBack
Back In/Out
$easeInOutExpo

Install

Download / clone the repo into your SASS / SCSS assets.

styles/
    _eezee.scss
    main.scss

Import

Include Eezee at the top of your main SASS / SCSS file.

@import: “eezee”;

Reference

Now you can use any of the $ variables demoed above, enjoy!

transition: all .4s $easeOutExpo;