v3.2.0 - sass-rails / libsass

Official release for use with Sass 3.2.x.

⚠️ If you are using libsass or sass-rails use v3.2.x.

Bourbon 3.2.0 contains all the new features found in 4.0.0, except for features that break backwards compatibility. Read the v4.0.0-RC.1 backwards incompatibility section.

For a full list of features and changes, see the 4.0.0-RC.1 and the 4.0.0-RC.2 changelogs.

Install

gem install bourbon -v 3.2.0

Gemfile

gem 'bourbon', '~> 3.2.0'

v4.0.0-RC.2

New Features

• New rem(*arg) function for pixel-to-rem conversion: 43faa8d
• New @word-wrap(*arg) mixin: 0e752d9

Bug Fixes

• Fixed bug in @directional-property mixin that prevented it from working properly. ba3f299
• Fixed bugs with variable scope in color-lightness function: a11567c
• Fixed bug that prevents backwards compatibility in @triangle mixin: 089beb5

v4.0.0-RC.1

Notes

• Abiding by semver, I bumped the version number to 4.0 becuase backwards compatibility broke in certain places. Read the section on backwards compatibility below.
• The docs will be updated soon.
• Please report any issues you run into. Especially with @include background-image (..) or @include background (..), which was completely rewritten.

Changelog

New Features

Mixins

• New Flexbox mixins for 2012 spec: e2c617c
• New @filter (..) mixin to support CSS3 filters: 5b1c6fb
• New @ellipsis(..) mixin: 6e6000a
• New @calc(..) mixin: 9279000
• New @border-width(..) mixin: 07bcd69
• New @border-color(..) mixin: 07bcd69
• New @border-style(..) mixin: 07bcd69
• New @padding(..) mixin: 07bcd69
• New @margin(..) mixin: 07bcd69
• New @directional-property(..) mixin: 07bcd69
• New @font-feature-settings mixin: 011bde6
• New @hyphens (..) mixin: 8287d38

Functions

• New unpack(..) function: dfba4b3
• New strip-units(..) function: 4aaf53e

Variables

• New global prefixer variables for project-wide control over vendor prefixes. 331c5f7
• New global variable—$em-base—to the em(..) function. 331c5f7
• New scaling-variables to use with the modular-scale mixin. 5bdaa07)
• New variables for control of button input types: 58b4c14

#{$all-button-inputs}
#{$all-button-inputs-hover}
#{$all-button-inputs-focus}
#{$all-button-inputs-active}

Changes to existing mixins, function, etc.

• New flat button style for @button(..) mixin: 4fb47e9
• Improvements to the @button(..) mixin to accept additional $text-size and $padding arguments. 9014bb2
• Added finer control over the $size and $color of the @triangle mixin to accept a 2-value list.
  27b2db9
• Added double-stranded support to the modular-scale(..) mixin: eb883dd
• Added additional direction styles to the @triangle mixin. daf825d

inset-up, inset-down, inset-left, inset-right.

Under the hood improvements

• Added :focus selector to the @button(..) mixin to improve accessibility. b8ac40d
• Improved the box-shadows generated by the @button(..) mixin.
• New and improved lightness function in the @button(..) mixin. More info
  c8815a6
  c0cc8eb
• Removed hard-coded font-size in the @button(..) mixin: 3159147
• Improved the transition(..) mixin to now prefix the transform keyword with vendor prefixes.

@include transition(transform 1s ease, .. );

• Improvements to the @keyframes mixin to output vendor-prefixed declarations for spec keyframes rule. 4a5cd13
• Improvements to the @placeholder mixin: c218d4f
• Improvements to $all-text-inputs and $all-button-inputs variables: 56f1375
  8e19574
• Improved @hide-text mixin: 5ef5caf
• Updated @image-rendering (..) mixin to latest spec: ec9d362
  86e8ac8
• Improved $helvetica font-stack for better Android support: e9b4a2d
• Added IE10 support for flexbox: c986a72
• Removed opera prefix from the @keyframes mixin. 9dfe80c
• Fixed transition mixin defaults to work with Firefox 22+ 0aadc56
• Updated the clearfix mixin.
• Repository updated to support Bower

Backward incompatibility warning

• Changed retina-image suffix from @2x to _2x. 16afd8d
• Changes to size(..) mixin to not accept unitless values.
• Changed the position(..) mixin to use null values instead of unitless 0 values. 49c9379
• Deprecated the @inline-block mixin.
• Removed the deprecated box-shadow(..) and background-size(..) mixins for good. b1dbeea
• Entirely rewritten background(..), background-image(..), and border-image(..) mixins to fix a bug that broke valid css linear/radial-gradient syntax. Note, make sure your linear and radial-gradients are written to the latest spec. The old syntax may break the mixins. More Info. 0249edd

// New Syntax
@include background-image( radial-gradient( circle at 50% 50%, orange, red ) );
// Old Syntax
@include background-image( radial-gradient( 50% 50%, cover circle, orange, red ) );

v3.2.0-beta.2

Released on Jan 9th, 2014

Stable version is coming soon.

v3.1.4

• border-image() mixin now plays nicely with the new linear-gradient() mixin changes.

v3.1.3

• Fixed bug with backwards compatibility of the older linear-gradient() syntax—specifically side-and-corner support.

v3.1.2.1

• Updated radial-gradient mixin and function to output new spec.
• Updated linear-gradient mixin and function to output new spec.
• Removed moz, ms, o vendor-prefixes from the linear-gradient() and radial-gradient() mixins and function.
• Updated background-image and background shorthand mixins to output new gradient specs.
• Added new backface-visibility mixin
• Removed unneeded vendor prefixes from transition and perspective mixins.
• Removed unnecessary ms vendor prefix from keyframes mixin
• Fixed bug in the prefixer mixin that was throwing unnecessary warnings. issue 205
• Added placeholder support for Firefox 19+

v3.1.1

• Added new transform-style mixin
• Fixed bug with retina-image addon to load correct 1x asset-pipeline image.
• Fixed bug with hide-text addon
• Removed deprecated box-shadow mixin from the button addon.

v3.1.0

• Added new retina-image addon
• Added new keyframes mixin
• Added new Pixel to Ems addon
• Added new placeholder mixin
• Added new size addon
• Added new triangle addon
• Added new vendor prefix settings
• Added the stylesheets path to Sass' load_paths. This allows non Rails apps to use the assets bundled with the gem directly, instead of copying them manually into each projects, and manually updating them.

Deprecation warning — must read!

The box-shadow() mixin has been deprecated.

v3.0.1

• Refactored the compact() function to use sass's variable-arguments feature.
• Removed unused variables from the radial-gradient function.