grid fix
This commit is contained in:
parent
5c1fe3e5a5
commit
0bc6e58e2e
3 changed files with 14 additions and 23 deletions
|
@ -167,7 +167,7 @@
|
|||
font-size: 0;
|
||||
}
|
||||
|
||||
:root [class*="autogrid"] > * > * {
|
||||
:root [class*="autogrid"] > * {
|
||||
font-size: 14px;
|
||||
/* fallback for Opera Mini */
|
||||
font-size: 1.4rem;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue