dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ajout des classes "autogrid"

Browse source
This commit is contained in:
raphaelgoetter 2013-07-25 17:29:26 +02:00
parent 9b758f21ec
commit 1a71e6ab12
1 changed files with 28 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
css/grids.css
View file

@ -12,7 +12,7 @@
.grid5 > * { width: 18.4%; } .grid5 > * { width: 18.4%; }
.grid6 > * { width: 15%; } .grid6 > * { width: 15%; }
/* unequal grids (1-2, 2-1, 1-3 and 3-1) */ /* unequal grids (1-2, 2-1, 1-3 and 3-1) with 2% gutter */
.grid2-1 > *:first-child, .grid2-1 > *:first-child,
.grid1-2 > * + * { width: 66%; } .grid1-2 > * + * { width: 66%; }
.grid1-2 > *:first-child, .grid1-2 > *:first-child,
@ -22,3 +22,30 @@
.grid3-1 > *:first-child, .grid3-1 > *:first-child,
.grid1-3 > * + * { width: 74.5%; } .grid1-3 > * + * { width: 74.5%; }
/* ----------------------------- */
/* ==autogrids */
/* ----------------------------- */
/* auto-justified equal grids */
[class^="autogrid"] {
text-align: justify;
font-size: 1px; letter-spacing: -1px; /* whitespace fi xpart 1 */
}
[class^="autogrid"]:after {
content: "";
display: inline-block;
width: 100%;
}
[class^="autogrid"] > * {
display: inline-block;
vertical-align: top;
text-align: left;
font-size: 14em; font-size: 1.4rem; letter-spacing: normal; /* whitespace fix part 2 */
*display: inline; *zoom: 1; /* ie6 / ie7 hack */
}
.autogrid2 > * {width: 49.4%}
.autogrid3 > * {width: 32.6%}
.autogrid4 > * {width: 24.2%}
.autogrid5 > * {width: 19.2%}
.autogrid6 > * {width: 15.9%}