2014-01-31 15:30:55 +01:00
|
|
|
/* flexbox layout
|
|
|
|
Tutorial: http://knacss.com/demos/tutoriel.html#flex */
|
2013-09-12 11:59:14 +02:00
|
|
|
.flex {
|
|
|
|
display : flex;
|
|
|
|
}
|
2014-05-07 10:45:47 +02:00
|
|
|
|
2013-09-12 11:59:14 +02:00
|
|
|
.flex-h {
|
|
|
|
flex-direction: row;
|
|
|
|
}
|
2014-05-07 10:45:47 +02:00
|
|
|
|
2013-09-12 11:59:14 +02:00
|
|
|
.flex-v {
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
2014-05-07 10:45:47 +02:00
|
|
|
|
2013-09-12 11:59:14 +02:00
|
|
|
.flex-fluid {
|
|
|
|
flex: 1;
|
|
|
|
}
|
2014-05-07 10:45:47 +02:00
|
|
|
|
2013-09-12 11:59:14 +02:00
|
|
|
.flex-start {
|
|
|
|
order : -1;
|
|
|
|
}
|
2014-05-07 10:45:47 +02:00
|
|
|
|
2013-09-12 11:59:14 +02:00
|
|
|
.flex-mid {
|
|
|
|
order : 1;
|
|
|
|
}
|
2014-05-07 10:45:47 +02:00
|
|
|
|
2013-09-12 11:59:14 +02:00
|
|
|
.flex-end {
|
|
|
|
order : 42;
|
2014-05-07 10:45:47 +02:00
|
|
|
}
|