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

Update HISTORY and code comments for Grids Flexbox

Browse Source
This commit is contained in:
Eric Ferraiuolo 2013-09-05 18:14:01 -04:00
parent c5061a046f
commit 7e0cdafddc
3 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
HISTORY.md
View File

@ -45,13 +45,17 @@ NEXT
### Grids
* __[!]__ Improved Grids support with non-default fonts. This fixes issues with
custom fonts set either in a person's browser settings or by the developer
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>`.
* __[!]__ 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
`<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

8
src/grids/css/grids-core.css
View File

@ -24,9 +24,11 @@
*/
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
/* Use flexbox when possible to avoid letter-spacing side-effects.
NOTE: Firefox (as of 25) does not currently support flex-wrap,
so the -moz- version is omitted.
/*
Use flexbox when possible to avoid `letter-spacing` side-effects.
NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
`-moz-` prefix version is omitted.
*/
display: -webkit-flex;

8
src/grids/css/grids-r.css
View File

@ -23,9 +23,11 @@
*/
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
/* Use flexbox when possible to avoid letter-spacing side-effects.
NOTE: Firefox (as of 25) does not currently support flex-wrap,
so the -moz- version is omitted.
/*
Use flexbox when possible to avoid `letter-spacing` side-effects.
NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
`-moz-` prefix version is omitted.
*/
display: -webkit-flex;