From 675de5146014903e8a01412a9416dc8d1033c9e9 Mon Sep 17 00:00:00 2001 From: raphaelgoetter Date: Fri, 2 Aug 2013 11:21:25 +0200 Subject: [PATCH] added clearfix on grids --- css/grids.css | 5 +++++ less/knacss.less | 6 +++++- 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/css/grids.css b/css/grids.css index 2268f21..602e113 100644 --- a/css/grids.css +++ b/css/grids.css @@ -4,6 +4,11 @@ /* ----------------------------- */ /* equal grids with 2% gutter */ +[class^=grid]:after { + content: ""; + display: table; + clear: both; +} [class^=grid] > * {float: left; } /* direct childrens are floating */ [class^=grid] > * + * { margin-left: 2%; } /* here's the gutter */ .grid2 > * { width: 49%; } diff --git a/less/knacss.less b/less/knacss.less index bc540c4..846e09b 100644 --- a/less/knacss.less +++ b/less/knacss.less @@ -348,7 +348,11 @@ img.left, img.right { /* grids */ /* ------------------------------ */ - +[class^=grid]:after { + content: ""; + display: table; + clear: both; +} [class^=grid] > * {float: left; } /* direct childrens are floating */ .grid2 > * {.grid(2);}