From 0bc6e58e2e63948a4d2a2f07032e492f5ccb1f35 Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Sat, 3 May 2014 14:56:09 +0200 Subject: [PATCH] grid fix --- css/02-grids.css | 2 +- css/knacss.css | 33 ++++++++++++--------------------- less/02-grids.less | 2 +- 3 files changed, 14 insertions(+), 23 deletions(-) diff --git a/css/02-grids.css b/css/02-grids.css index 3a155ff..5ed5db2 100644 --- a/css/02-grids.css +++ b/css/02-grids.css @@ -167,7 +167,7 @@ font-size: 0; } -:root [class*="autogrid"] > * > * { +:root [class*="autogrid"] > * { font-size: 14px; /* fallback for Opera Mini */ font-size: 1.4rem; diff --git a/css/knacss.css b/css/knacss.css index 58a19ed..3061781 100644 --- a/css/knacss.css +++ b/css/knacss.css @@ -14,7 +14,7 @@ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } /* soft reset */ @@ -684,7 +684,7 @@ img.end { .grid > * > * { /* global styles for each "cell" */ display: inline-block; - padding-left: -20px; + padding-left: 20px; /* gutter value */ margin-left: 0; vertical-align: top; @@ -826,7 +826,7 @@ img.end { font-size: 0; } -:root [class*="autogrid"] > * > * { +:root [class*="autogrid"] > * { font-size: 14px; /* fallback for Opera Mini */ font-size: 1.4rem; @@ -1497,7 +1497,6 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */ .flex { display: -webkit-box; display: -webkit-flex; - display: -moz-box; display: -ms-flexbox; display: flex; } @@ -1506,52 +1505,44 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -moz-box-orient: horizontal; - -moz-box-direction: normal; -ms-flex-direction: row; - flex-direction: row; + flex-direction: row; } .flex-v { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -moz-box-orient: vertical; - -moz-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .flex-fluid { -webkit-box-flex: 1; -webkit-flex: 1; - -moz-box-flex: 1; -ms-flex: 1; - flex: 1; + flex: 1; } .flex-start { -webkit-box-ordinal-group: 0; -webkit-order: -1; - -moz-box-ordinal-group: 0; -ms-flex-order: -1; - order: -1; + order: -1; } .flex-mid { -webkit-box-ordinal-group: 2; -webkit-order: 1; - -moz-box-ordinal-group: 2; -ms-flex-order: 1; - order: 1; + order: 1; } .flex-end { -webkit-box-ordinal-group: 43; -webkit-order: 42; - -moz-box-ordinal-group: 43; -ms-flex-order: 42; - order: 42; + order: 42; } /* quick print reset */ @@ -1560,7 +1551,7 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */ * { background: transparent !important; -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; text-shadow: none !important; } @@ -1597,7 +1588,7 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); - filter: grayscale(100%); + filter: grayscale(100%); } p, @@ -1682,7 +1673,7 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */ -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; - hyphens: auto; + hyphens: auto; } } diff --git a/less/02-grids.less b/less/02-grids.less index ffd3ceb..e1febb1 100644 --- a/less/02-grids.less +++ b/less/02-grids.less @@ -99,7 +99,7 @@ :root [class*="autogrid"] { font-size: 0; } -:root [class*="autogrid"] > * > * { +:root [class*="autogrid"] > * { font-size: @basefont; /* fallback for Opera Mini */ font-size: unit((@basefont / 10), rem); }