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 ### Grids
* __[!]__ Improved Grids support with non-default fonts. This fixes issues with * __[!]__ Improved support for Grids across OS/browser combinations, and its
custom fonts set either in a person's browser settings or by the developer ability to withstand the use of non-default fonts when set by either the
causing grids to break to a new line or overlap. The fix uses a specific font person in their browser settings or by the developer using custom fonts.
stack on `.pure-g` and `.pure-g-r` classes to ensure the greatest OS/browser
compatibility. Now, by default grid units will now have Grids now uses CSS3 Flexbox when possible to avoid the side-effects of setting
`font-family: sans-serif;` applied — this is the default font stack Pure's a negative `letter-spacing` — the fallback for older browsers. Grids also now
Base module (Normalize.css) applies to the `<body>`. 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 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 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; 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, Use flexbox when possible to avoid `letter-spacing` side-effects.
so the -moz- version is omitted.
NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
`-moz-` prefix version is omitted.
*/ */
display: -webkit-flex; 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; 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, Use flexbox when possible to avoid `letter-spacing` side-effects.
so the -moz- version is omitted.
NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
`-moz-` prefix version is omitted.
*/ */
display: -webkit-flex; display: -webkit-flex;