lesson_index_card.md

Bourbon

https://github.com/thoughtbot/bourbon

http://bourbon.io/

Update Your Gemfile

gem 'bourbon'

Once your Gemfile is updated, you'll want to run bundle install.

Adding Bourbon to your CSS

Add to your global.scss or application.scss file:

@import "bourbon"

Bourbon: Vendor Prefixing

CSS vendor prefixes or CSS browser prefixes are a way for browser makers to add support for new CSS features in a sort of testing and experimentation period. Browser prefixes are used to add new features that may not be part of a formal specification and to implement features in a specification that hasn’t been finalized.

The CSS browser prefixes are:

• Android: -webkit-
• Chrome: -webkit-
• Firefox: -moz-
• Internet Explorer: -ms-
• iOS: -webkit-
• Opera: -o-
• Safari: -webkit-

)

Bourbon: Functions

// linear-gradient()
@include background-image(linear-gradient(#1e5799, #3dc3d1))

// radial-gradient()
@include background-image(radial-gradient(#1e5799, #3dc3d1))

color: tint(red, 40%);

color: shade(blue, 60%);