corrections des classes flexbox.

This commit is contained in:
Raphael Goetter 2017-09-06 14:25:58 +02:00
parent 4af5b09d28
commit 4a013641e5
3 changed files with 26 additions and 14 deletions

View File

@ -1028,13 +1028,30 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.flex-container-h,
.flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-container-v,
.flex-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
@ -1044,14 +1061,6 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
justify-content: flex-end;
}
.flex-container-v,
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-item-fluid,
.item-fluid {
-webkit-box-flex: 1;

File diff suppressed because one or more lines are too long

View File

@ -91,19 +91,22 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.flex-container-h,
.flex-row {
display: flex;
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
justify-content: flex-end;
}
.flex-container-v,
.flex-column {
display: flex;
flex-direction: column;
}
.flex-row-reverse {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.flex-item-fluid,
.item-fluid {
flex: 1;