KNACSS/sass/07-flexbox.scss

31 lines
308 B
SCSS
Raw Permalink Normal View History

2014-05-04 15:48:00 +02:00
@import "00-config";
/* flexbox layout
Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex {
display : flex;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.flex-h {
flex-direction: row;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.flex-v {
flex-direction: column;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.flex-fluid {
flex: 1;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.flex-start {
order : -1;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.flex-mid {
order : 1;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.flex-end {
order : 42;
2014-05-07 11:12:14 +02:00
}