KNACSS/less/07-flexbox.less

31 lines
308 B
Text
Raw Permalink Normal View History

@import "00-config";
/* 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
}