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 ) );