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;

33
css/knacss.css
View file

@ -14,7 +14,7 @@
* { * {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
/* soft reset */ /* soft reset */
@ -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,52 +1505,44 @@ 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;
} }
.flex-v { .flex-v {
-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;
} }
.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;
} }
.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;
} }
.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;
} }
.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;
} }
/* quick print reset */ /* quick print reset */
@ -1560,7 +1551,7 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
* { * {
background: transparent !important; background: transparent !important;
-webkit-box-shadow: none !important; -webkit-box-shadow: none !important;
box-shadow: none !important; box-shadow: none !important;
text-shadow: none !important; text-shadow: none !important;
} }
@ -1597,7 +1588,7 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
-moz-filter: grayscale(100%); -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); -ms-filter: grayscale(100%);
-o-filter: grayscale(100%); -o-filter: grayscale(100%);
filter: grayscale(100%); filter: grayscale(100%);
} }
p, p,
@ -1682,7 +1673,7 @@ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
-webkit-hyphens: auto; -webkit-hyphens: auto;
-moz-hyphens: auto; -moz-hyphens: auto;
-ms-hyphens: auto; -ms-hyphens: auto;
hyphens: auto; hyphens: auto;
} }
} }

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);
} }