A Lightweight Sass Tool Set
contrast-switch mixin:
contrast-switch-dark-color & contrast-switch-light-color.triangle mixin back, but note that it’s been refactored and the
arguments have changed.contrast-switch; what was $dark-color is now
$light-color and what was $light-color is now $dark-color.is-light function is now private.contrast-switch mixin that switches between two colors based on the
lightness of a another color. Great for building button styles.$all-text-inputs-invalid variable to target the :invalid
pseudo-class on all text-based inputs.ellipsis mixin now takes a $display argument.$font-stack-system.hide-visually mixin that hides an element visually while still
allowing the content to be accessible to assistive technology,
e.g. screen readers.font-face mixin now allows additional CSS properties to be included in
its block, which will output as part of the @font-face declaration.
See 2356719.modular-scale ratio is now set to
$major-third (1.25), instead of $perfect-fourth (1.333).$font-stack-,
e.g. $font-stack-helvetica.$bourbon map, instead of variables.
See 4e43c2d.clearfix mixin now uses block display, instead of table.$weight and $style arguments in the font-face mixin have been
deprecated. Instead, you can now include these—along with other CSS
properties—within the mixin block and they’ll be output as part of the
@font-face declaration.:warning: The changes mentioned below may not be complete, but should cover most of the deprecations and changes.
$global-font-file-formats setting has been added, allowing you to globally set the font file formats you want the font-face mixin to use. The default is ttf woff2 woff.$all-text-inputs and $all-buttons to reduce specificity.prefixer mixin has been refactored and no-longer uses the $global-prefixes setting.em() and rem() mixins have been deprecated.$monospace font stack variable has been deprecated in favor of new $consolas, $courier-new and $monaco variables.triangle() mixin has been deprecated.strip-units function is now strip-unit.size() mixin now requires a comma-separated argument list: @include size(1em, 2em);.core/ directory and all of the Sass partials are within a bourbon/ directory to avoid polluting imports paths. This will affect load paths if you use Bower.This alpha should be fully compatible with the latest version of Neat (1.7.2). Bitters 1.0 is not compatible, however the master branch is. We’ll get 1.1 out ASAP. At this time, most of Refills will not be compatible.
If you have comments or come across a bug, please open an issue here on GitHub.
$all-text-inputs now accounts for input’s that don’t have a type attribute specified, as they default to type="text". (https://github.com/thoughtbot/bourbon/commit/8e7e36e01c47194d83951fb6315c5b26a008f2b7)bourbon npm package now has a proper load path. (https://github.com/thoughtbot/bourbon/commit/36c2d5576f1fe9dbdfd9543e15064c5a4a16343e)Restore app directory for npm
:tada: Bourbon is now compatible with LibSass 3.1+!
$all-button-inputs is now simply $all-buttons ($all-button-inputs will continue to work until v5.0).$all-buttons also now includes the button element.$all-text-inputs now includes the textarea element.selection is now compatible with LibSass and we fixed a bug which caused errors in certain versions of Ruby Sass.hide-text which caused some typefaces to extend into the visible area. It also no longer requires a height.box-sizing has been deprecated and will be removed in v5.0.bourbon on npm.