KNACSS/less/_07-flexbox.less
2013-10-30 14:33:06 +01:00

54 lines
No EOL
986 B
Text

/* flexbox layout */
.flex {
display : -webkit-box;
display : -moz-box;
display: -ms-flexbox;
display : -webkit-flex;
display : flex;
}
.flex-h {
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-v {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-fluid {
-moz-box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex-start {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order : -1;
-webkit-order : -1;
-moz-order : -1;
order : -1;
}
.flex-mid {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order : 1;
-webkit-order : 1;
-moz-order : 1;
order : 1;
}
.flex-end {
-webkit-box-ordinal-group: 42;
-moz-box-ordinal-group: 42;
-ms-flex-order : 42;
-webkit-order : 42;
-moz-order : 42;
order : 42;
}