library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-10-05 19:24:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tweak and format HISTORY.md changes for the NEXT release, 0.3.0

Browse Source
This commit is contained in:
Eric Ferraiuolo 2013-09-04 13:06:25 -04:00
parent 6a36aecd6b
commit d1fb3d4233
1 changed files with 58 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
HISTORY.md
View File

@ -4,8 +4,8 @@ Pure Change History
NEXT NEXT
---- ----
* (!) Pure now requires the Base module (which is Normalize.css) to be on the * __[!]__ Pure now requires the Base module (which is Normalize.css) to be on
page. Pure has essentially always required the styles provided by 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. 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 The `pure-min.css` and `pure-nr-min.css` rollup files already include the Base
module. module.
@ -20,57 +20,63 @@ NEXT
### Base ### Base
* (!) Removed Normalize.css from checked-in `src/`. Bower is now used to * __[!]__ Removed Normalize.css from checked-in `src/`. Bower is now used to
programmatically import Normalize.css into `bower_components/` if it's not programmatically import Normalize.css into `bower_components/` if it's not
already installed. ([#160][]) already installed. Normalize.css is still bundled with Pure, this change is a
development-time change only. ([#160][])
### Buttons ### Buttons
* Removed `-webkit-font-smoothing: antialiased` rule from Buttons and Forms. * Removed `-webkit-font-smoothing: antialiased` rule from Buttons. Pure should
Pure should not dictate sub-pixel font rendering, that should be left to not dictate sub-pixel font rendering, that should be left to the person's
the person's browser settings and/or the developer. ([#170][] @dchest) browser settings and/or the developer. ([#170][] @dchest)
### Forms ### Forms
* (!) Removed `forms-core.css`. This was a copy of Normalize.css' form related * __[!]__ Removed `forms-core.css`. This was a copy of Normalize.css' form
styles. Now that Pure requires the Base module (which is Normalize.css) to be 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][]) on the page, the Forms Core submodule is no longer needed. ([#160][])
* Added `:focus` styles to `[readonly]` `<input>` elements. ([#143][]) * Added `:focus` styles to `[readonly]` `<input>` 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 ### Grids
* Prevented grid units from falling to a new line on IE6 and IE7. Grid units now * __[!]__ Improved Grids support with non-default fonts. This fixes issues with
have a separate `*width` value for oldIEs. This value is `0.005%` less than custom fonts set either in a person's browser settings or by the developer
the standard `width` value. This fix does not affect modern browsers. ([#154][]) causing grids to break to a new line or overlap. The fix uses a specific font
stack on `.pure-g` and `.pure-g-r` classes to ensure the greatest OS/browser
compatibility. Now, 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 `<body>`.
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 `<body>` element, apply it to the grid units as well:
* Added a `height: auto` rule to images within a `.pure-g-r` so that their aspect ```css
ratios are maintained when the page is resized. ([#172][]: @dchest) 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;
}
```
* (!) Added the following font stack to `.pure-g, .pure-g-r` in order to prevent Refer to the [Grids Documentation][Grids-fonts] for more details on using
grids from breaking in various target environments: non-default fonts with Pure Grids. ([#41][] @adapterik @dannyfritz, @pandeiro)
```css * Fixed grid units from falling to a new line on IE 6 and IE 7. Grid units now
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; 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][])
This is a *breaking* change. If you are using any non-default font in your project, * Added a `height: auto` rule to images within a `.pure-g-r` so that their
you will need to modify your CSS and add a `font-family` to the grid unit classes: aspect ratios are maintained when the page is resized. ([#172][]: @dchest)
```css
.pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"] {
/* Add your font in here, whether it's a custom font or a normal font */
font-family: "Times New Roman", serif;
}
```
Refer to the [Grids Documentation][Grids] for more details on using
non-default fonts with Pure Grids.
([#41][] @dannyfritz, @pandeiro, and many others!)
[#41]: https://github.com/yui/pure/issues/41 [#41]: https://github.com/yui/pure/issues/41
@ -79,8 +85,11 @@ NEXT
[#160]: https://github.com/yui/pure/issues/160 [#160]: https://github.com/yui/pure/issues/160
[#170]: https://github.com/yui/pure/issues/170 [#170]: https://github.com/yui/pure/issues/170
[#171]: https://github.com/yui/pure/issues/171 [#171]: https://github.com/yui/pure/issues/171
[#172]: https://github.com/yui/pure/issues/172
[#185]: https://github.com/yui/pure/issues/185
[Customize]: http://purecss.io/customize/ [Customize]: http://purecss.io/customize/
[Grids]: http://purecss.io/grids/ [Grids-fonts]: http://purecss.io/grids/#using-grids-with-custom-fonts
0.2.1 (2013-07-17) 0.2.1 (2013-07-17)
@ -88,8 +97,8 @@ NEXT
### Forms ### Forms
* (!) Made `[readonly]` `<input>`s look visually different to `[disabled]` and * __[!]__ Made `[readonly]` `<input>`s look visually different to `[disabled]`
regular `<input>`s. ([#102][]: @jaseg) and regular `<input>`s. ([#102][]: @jaseg)
* Fixed copy/paste bug that mapped text inputs to `.pure-form` instead of * 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 `.pure-group`. The `.pure-form-group input` styles are now applied to all
@ -108,7 +117,7 @@ NEXT
### Grids ### Grids
* (!) Changed `.pure-u-1` grid unit to now use `width: 100%` instead of * __[!]__ Changed `.pure-u-1` grid unit to now use `width: 100%` instead of
`display: block` to achieve taking up the full width of its container. This `display: block` to achieve taking up the full width of its container. This
makes it easier to override and align since it's using `display: inline-block` makes it easier to override and align since it's using `display: inline-block`
like the other grid units. ([#94][]) like the other grid units. ([#94][])
@ -118,9 +127,9 @@ NEXT
### Menus ### Menus
* (!) Fixed broken styling of active paginator items by using Grids CSS rules to * __[!]__ Fixed broken styling of active paginator items by using Grids CSS
layout items horizontally; this makes sure the active item isn't overlapped. rules to layout items horizontally; this makes sure the active item isn't
([#127][]) overlapped. ([#127][])
### Tables ### Tables
@ -143,10 +152,10 @@ NEXT
0.2.0 (2013-06-11) 0.2.0 (2013-06-11)
------------------ ------------------
* (!) Fixed accessibility mistake by removing `a:focus {outline: none;}` rule * __[!]__ Fixed accessibility mistake by removing `a:focus {outline: none;}`
from `buttons-core.css`. rule from `buttons-core.css`.
* (!) Improved `:focus` styles by applying the same rules that are used by * __[!]__ Improved `:focus` styles by applying the same rules that are used by
`:hover` styles. When overriding Pure's `:hover` styles, be sure to include `:hover` styles. When overriding Pure's `:hover` styles, be sure to include
`:focus` selectors as well. `:focus` selectors as well.
@ -168,7 +177,7 @@ NEXT
### Forms ### Forms
* (!) `.pure-help-inline` has been replaced with `.pure-form-message-inline`. We * __[!]__ Replaced `.pure-help-inline` with `.pure-form-message-inline`. We
still support the older classname but it is deprecated and will be going away still support the older classname but it is deprecated and will be going away
in a future release. ([#32][]: @dannytatom) in a future release. ([#32][]: @dannytatom)
@ -219,7 +228,7 @@ NEXT
0.1.0 (2013-05-24) 0.1.0 (2013-05-24)
------------------ ------------------
* (!) Initial public release. * __[!]__ Initial public release.
* Upgraded Normalize.css to 1.1.2. * Upgraded Normalize.css to 1.1.2.
@ -243,9 +252,9 @@ NEXT
0.0.2 (2013-05-16) 0.0.2 (2013-05-16)
------------------ ------------------
* (!) Renamed to Pure. * __[!]__ Renamed to Pure.
* (!) Renamed CSS classname prefix to `pure`. * __[!]__ Renamed CSS classname prefix to `pure`.
* Preview release (2). * Preview release (2).