modifs flexbox

This commit is contained in:
Raphael Goetter 2015-03-07 14:36:58 +01:00
parent 0a5454669c
commit add79db625
6 changed files with 50 additions and 168 deletions

View file

@ -320,60 +320,51 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
.flexbox,
.flexbox-h {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.flexbox-v {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flexitem-fluid {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flexitem-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flexitem-medium {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flexitem-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flexitem-center {
margin: auto;
}
/* ---------------------------------- */
/* ==Grids */
/* ---------------------------------- */
[class*="grid-"] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@ -383,14 +374,13 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
margin-left: -1em;
}
[class*="grid-"] > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: block;
/* IE fix */
border-left: 1em solid transparent;
background-clip: padding-box !important;
background-clip: padding-box !important
/* no background on border */
}
.grid-2 > * {
@ -1819,9 +1809,3 @@ img.wp-smiley {
.gallery-caption {
display: block;
}
/* ----------------------------- */
/* ==own stylesheet */
/* ----------------------------- */
/* Here should go your own CSS styles */
/* You can also link them with a LESS @import */
/* @import "my-styles.less"; */

File diff suppressed because one or more lines are too long