Easing Variables for Sass, Less or Stylus

Some useful variables for easing animations using Sass, Less or Stylus.

Installation

Install using Bower:

$ bower install --save sass-less-stylus.easing

Install using npm:

$ npm install --save sass-less-stylus.easing

Easing Variables

Easing variables available for Sass/Scss/Stylus or Less.

Ease In

• $ease-in-quad or @ease-in-quad
• $ease-in-cubic or @ease-in-cubic
• $ease-in-quart or @ease-in-quart
• $ease-in-quint or @ease-in-quint
• $ease-in-sine or @ease-in-sine
• $ease-in-expo or @ease-in-expo
• $ease-in-circ or @ease-in-circ
• $ease-in-back or @ease-in-back

Ease Out

• $ease-out-quad or @ease-out-quad
• $ease-out-cubic or @ease-out-cubic
• $ease-out-quart or @ease-out-quart
• $ease-out-quint or @ease-out-quint
• $ease-out-sine or @ease-out-sine
• $ease-out-expo or @ease-out-expo
• $ease-out-circ or @ease-out-circ
• $ease-out-back or @ease-out-back

Ease In Out

• $ease-in-out-quad or @ease-in-out-quad
• $ease-in-out-cubic or @ease-in-out-cubic
• $ease-in-out-quart or @ease-in-out-quart
• $ease-in-out-quint or @ease-in-out-quint
• $ease-in-out-sine or @ease-in-out-sine
• $ease-in-out-expo or @ease-in-out-expo
• $ease-in-out-circ or @ease-in-out-circ
• $ease-in-out-back or @ease-in-out-back

Licence

MIT