KNACSS/less/_02-layout.less

32 lines
310 B
Plaintext
Raw Normal View History

/* flexbox layout
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
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
}