Latest Release
You can now use some new helpers:
// configurable containers
@extend %container;
@include container($max-width, 0 auto);
// silent row behavior
@extend %row
// retina media query
@include ipad-retina($orientation) {}Fixed a bug that affected padding for units using $reset-units
Fixed some minor inconsistencies with padding
Version 1.0.1
Bug fixes and some refactoring to reduce the amount of css the tool generates by default.
Version 1.0.1
Note: This release may include breaking changes from 0.9.x depending on your implementation. In most cases it should only require a few tweaks,
Sass 3.3 and Compass (Stable) are currently not fully compatible with breakpoint and I had been looking to lower the dependencies to a minimum so I've decided to steer in a different direction which also lets Girder work with Node-Sass.
Features
-
The old .row class is now customizable or can be suppressed completely
-
Re-factored some stuff to make the CSS output much leaner and portable
-
New utilities include:
- Support for Node-Sass (w/o Compass) at lightning speeds
- Do most basic media queries without the need for breakpoint gem or any other plugins. You can use a very similar syntax too:
.myclass { // pass two values for min-max query or just one for min-width @include media-query($small, $medium) { @include responsive-unit(half); } }
- A baseline grid helper for your pixel obsession
- Flexbox prefix helpers to start using the spec asap
-
Grid Units are now more stable when nesting and compounding
Bug fixes
- border-box prefixes were in the wrong order
- removed unnecessary use of !important