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

grid fix

Browse source
This commit is contained in:
Raphael Goetter 2014-05-03 14:56:09 +02:00
parent 5c1fe3e5a5
commit 0bc6e58e2e
3 changed files with 14 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
css/02-grids.css
View file

@ -167,7 +167,7 @@
font-size: 0; font-size: 0;
} }
:root [class*="autogrid"] > * > * { :root [class*="autogrid"] > * {
font-size: 14px; font-size: 14px;
/* fallback for Opera Mini */ /* fallback for Opera Mini */
font-size: 1.4rem; font-size: 1.4rem;

13
css/knacss.css
View file

@ -684,7 +684,7 @@ img.end {
.grid > * > * { .grid > * > * {
/* global styles for each "cell" */ /* global styles for each "cell" */
display: inline-block; display: inline-block;
padding-left: -20px; padding-left: 20px;
/* gutter value */ /* gutter value */
margin-left: 0; margin-left: 0;
vertical-align: top; vertical-align: top;
@ -826,7 +826,7 @@ img.end {
font-size: 0; font-size: 0;
} }
:root [class*="autogrid"] > * > * { :root [class*="autogrid"] > * {
font-size: 14px; font-size: 14px;
/* fallback for Opera Mini */ /* fallback for Opera Mini */
font-size: 1.4rem; font-size: 1.4rem;
@ -1497,7 +1497,6 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex { .flex {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
@ -1506,8 +1505,6 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-webkit-flex-direction: row; -webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
@ -1516,8 +1513,6 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-webkit-flex-direction: column; -webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
@ -1525,7 +1520,6 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex-fluid { .flex-fluid {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-webkit-flex: 1; -webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
} }
@ -1533,7 +1527,6 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex-start { .flex-start {
-webkit-box-ordinal-group: 0; -webkit-box-ordinal-group: 0;
-webkit-order: -1; -webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1; -ms-flex-order: -1;
order: -1; order: -1;
} }
@ -1541,7 +1534,6 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex-mid { .flex-mid {
-webkit-box-ordinal-group: 2; -webkit-box-ordinal-group: 2;
-webkit-order: 1; -webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1; -ms-flex-order: 1;
order: 1; order: 1;
} }
@ -1549,7 +1541,6 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex-end { .flex-end {
-webkit-box-ordinal-group: 43; -webkit-box-ordinal-group: 43;
-webkit-order: 42; -webkit-order: 42;
-moz-box-ordinal-group: 43;
-ms-flex-order: 42; -ms-flex-order: 42;
order: 42; order: 42;
} }

2
less/02-grids.less
View file

@ -99,7 +99,7 @@
:root [class*="autogrid"] { :root [class*="autogrid"] {
font-size: 0; font-size: 0;
} }
:root [class*="autogrid"] > * > * { :root [class*="autogrid"] > * {
font-size: @basefont; /* fallback for Opera Mini */ font-size: @basefont; /* fallback for Opera Mini */
font-size: unit((@basefont / 10), rem); font-size: unit((@basefont / 10), rem);
} }