flexbox renommage des classes

This commit is contained in:
raphaelgoettter 2015-04-13 16:10:55 +02:00
parent 0d9c9d9477
commit 7e73344592
8 changed files with 34 additions and 32 deletions

View file

@ -102,34 +102,35 @@ body > script {
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
.flexbox,
.flexbox-h,
.flexbox-v {
.flex-container {
display : flex;
flex-wrap: wrap;
}
.flex-container-h {
flex-direction: row;
}
.flexbox-v {
.flex-container-v {
flex-direction: column;
}
.flexitem-fluid {
.flex-item-fluid {
flex: 1;
}
.flexitem-first {
.flex-item-first {
order : -1;
}
.flexitem-medium {
.flex-item-medium {
order : 0;
}
.flexitem-last {
.flex-item-last {
order : 1;
}
.flexitem-center {
.flex-item-center {
margin: auto;
}