A simple Stylus mixin library for animations and transitions.
Saffron-stylus is a collection of Stylus mixins and helpers that make adding CSS3 animations and transitions much simpler. Just include a mixin in your Stylus declaration, then set any configuration using variables and mixin parameters. This is a port of the original colindresj/saffron sass mixin library, minus the vendor prefixing. Any prefixing should now be handled with Autoprefixer or something similar.
npm install saffron-stylus --saveDownload or clone the project repo from GitHub. Copy the saffron-stylus folder and paste into your styles folder (or whatever you call it). You won't need any of the other directories or files.
// import the whole library
@import "saffron-stylus/styles"
// or just the mixins you want
@import "saffron-stylus/styles/in-place/hover"
.hover {
hover() // hover(5s, 0s, none, infinite, ease-in-out)
}Saffron-stylus uses CSS3 transform, keyframes, animations and transitions, so it's really only for modern browsers. Visit http://caniuse.com/ for a clear idea of CSS3 browser support. For vendor prefixes, use Autoprefixer, or something similar.
MIT