added clearfix on grids

This commit is contained in:
raphaelgoetter 2013-08-02 11:21:25 +02:00
parent d2b9389fff
commit 675de51460
2 changed files with 10 additions and 1 deletions

View file

@ -4,6 +4,11 @@
/* ----------------------------- */ /* ----------------------------- */
/* equal grids with 2% gutter */ /* equal grids with 2% gutter */
[class^=grid]:after {
content: "";
display: table;
clear: both;
}
[class^=grid] > * {float: left; } /* direct childrens are floating */ [class^=grid] > * {float: left; } /* direct childrens are floating */
[class^=grid] > * + * { margin-left: 2%; } /* here's the gutter */ [class^=grid] > * + * { margin-left: 2%; } /* here's the gutter */
.grid2 > * { width: 49%; } .grid2 > * { width: 49%; }

View file

@ -348,7 +348,11 @@ img.left, img.right {
/* grids */ /* grids */
/* ------------------------------ */ /* ------------------------------ */
[class^=grid]:after {
content: "";
display: table;
clear: both;
}
[class^=grid] > * {float: left; } /* direct childrens are floating */ [class^=grid] > * {float: left; } /* direct childrens are floating */
.grid2 > * {.grid(2);} .grid2 > * {.grid(2);}