Using the mixins

Saffron comes with a number of animation and transition mixins, as well as a few helper mixins that you can use on their own.

Each mixin has its own distinct set of parameters, so it's best to look through the source code to see the full functionality behind a particular mixin.

Each animation mixin will have some of the following parameters:

• Duration
• Delay
• Count
• Fill-mode
• Timing
• Selector (a CSS selector passed in as a string; i.e. $selector: ".my-class")

More parameters are available for more unique mixins, so do look through the code when using a mixin.