KNACSS/sass/_07-flexbox.scss

30 lines
287 B
SCSS
Raw Normal View History

/* 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
}