Pure Change History =================== NEXT ---- ### Base * The `body` selector in the `base-context` module is now replaced with `.pure`, like the `html` selector. 0.3.0 (2013-09-09) ------------------ * __[!]__ Pure now requires the Base module (which is Normalize.css) to be on the page. Pure has essentially always required the styles provided by Normalize.css via the Base module, and this now makes it a firm requirement. The `pure-min.css` and `pure-nr-min.css` rollup files already include the Base module. **Note:** When using a [custom subset][Customize] of Pure, be sure to include the Base module. * Added non-minified rollup files: `pure.css` and `pure-nr.css`. These files are created in addition to the minified rollups: `pure-min.css` and `pure-nr-min.css`. The minified rollups _should_ be used in production. ([#171][] @omeid) ### Base * __[!]__ Removed Normalize.css from checked-in `src/`. Bower is now used to programmatically import Normalize.css into `bower_components/` if it's not already installed. Normalize.css is still bundled with Pure, this change is a development-time change only. ([#160][]) ### Buttons * Removed `-webkit-font-smoothing: antialiased` rule from Buttons. Pure should not dictate sub-pixel font rendering, that should be left to the person's browser settings and/or the developer. ([#170][] @dchest) ### Forms * __[!]__ Removed `forms-core.css`. This was a copy of Normalize.css' form related styles. Now that Pure requires the Base module (Normalize.css) to be on the page, the Forms Core submodule is no longer needed. ([#160][]) * Added `:focus` styles to `[readonly]` `` elements. ([#143][]) * Removed `-webkit-font-smoothing: antialiased` rule from Forms input styles. Pure should not dictate sub-pixel font rendering, that should be left to the person's browser settings and/or the developer. ([#185][] @dchest) ### Grids * __[!]__ Improved support for Grids across OS/browser combinations, and its ability to withstand the use of non-default fonts when set by either the person in their browser settings or by the developer using custom fonts. Grids now uses CSS3 Flexbox when possible to avoid the side-effects of setting a negative `letter-spacing` — the fallback for older browsers. Grids also now uses a specific font stack on `.pure-g` and `.pure-g-r` classes to ensure the greatest OS/browser compatibility when non-default fonts are being used. By default grid units will now have `font-family: sans-serif;` applied — this is the default font stack Pure's Base module (Normalize.css) applies to the `
`. This is a **breaking change** if you are using any non-default fonts in your web project. Fortunately, it's quite easy to make sure your custom font stacks apply to content within Pure Girds. Instead of applying your custom font to only the `` element, apply it to the grid units as well: ```css body, .pure-g [class *= "pure-u"], .pure-g-r [class *= "pure-u"] { /* Set you're content font stack here: */ font-family: Georgia, Times, "Times New Roman", serif; } ``` Refer to the [Grids Documentation][Grids-fonts] for more details on using non-default fonts with Pure Grids. ([#41][], [#162][], [#166][], [#189][]: @adapterik @dannyfritz, @pandeiro) * Fixed grid units from falling to a new line on IE 6 and IE 7. Grid units now have a separate `*width` value for these older versions of IE. This value is `0.005%` less than the standard `width` value. This fix does not affect modern browsers because it uses the star hack. ([#154][]) * Added a `height: auto` rule to images within a `.pure-g-r` so that their aspect ratios are maintained when the page is resized. ([#172][]: @dchest) [#41]: https://github.com/yui/pure/issues/41 [#143]: https://github.com/yui/pure/issues/143 [#154]: https://github.com/yui/pure/issues/154 [#160]: https://github.com/yui/pure/issues/160 [#162]: https://github.com/yui/pure/issues/162 [#166]: https://github.com/yui/pure/issues/166 [#170]: https://github.com/yui/pure/issues/170 [#171]: https://github.com/yui/pure/issues/171 [#172]: https://github.com/yui/pure/issues/172 [#185]: https://github.com/yui/pure/issues/185 [#189]: https://github.com/yui/pure/issues/189 [Customize]: http://purecss.io/customize/ [Grids-fonts]: http://purecss.io/grids/#using-grids-with-custom-fonts 0.2.1 (2013-07-17) ------------------ ### Forms * __[!]__ Made `[readonly]` ``s look visually different to `[disabled]` and regular ``s. ([#102][]: @jaseg) * Fixed copy/paste bug that mapped text inputs to `.pure-form` instead of `.pure-group`. The `.pure-form-group input` styles are now applied to all text-ish `` elements. ([#96][]) * Fixed `.pure-input-rounded` styles to now apply correctly. The change to use more specific selectors for text-ish inputs in v0.2.0 caused the `.pure-input-rounded` selector to not apply because it was less specific. This selector now has right specificity. ([#109][]: @AurelioDeRosa) * Added `display: block` to `