Bourbon mixins for prefixing

The Bourbon mixin library for Sass helps you to code faster without vendor prefixes. This recipe will show you how to use this library. This recipe will show you how to use Bourbon to create CSS animations. These animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components: a style describing the CSS animation, and a set of keyframes that indicate the start and end states of the animation's style, as well as possible intermediate waypoints. The W3C CSS specifications for CSS animations has not stabilized till now, so you will have to use vendor prefixes for full browser support. Also, read the Using vendor prefixes recipe of Chapter 7, Cross Browser CSS3 Mixins to understand why vendor prefixes are needed.

Getting ready

You will have to install Bourbon. You can use the Bourbon Ruby gem as described here; alternatively, you can download the SCSS from GitHub. Using Ruby gems also requires...