dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

corrections des classes flexbox.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

25
css/knacss-unminified.css
View file

@ -1028,13 +1028,30 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.flex-container-h, .flex-container-h,
.flex-row { .flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: row; -ms-flex-direction: row;
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 { .flex-row-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: reverse; -webkit-box-direction: reverse;
-ms-flex-direction: row-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; 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, .flex-item-fluid,
.item-fluid { .item-fluid {
-webkit-box-flex: 1; -webkit-box-flex: 1;

2
css/knacss.css
View file

File diff suppressed because one or more lines are too long

13
sass/_library/_layout.scss
View file

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