dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Flexbox: add link to tutorial and removes whitespace before colon

This commit is contained in:
PhilippeVay 2014-01-25 10:15:51 +01:00
parent 37150f2ec0
commit f93f2af058
1 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
less/_07-flexbox.less
View File

@ -1,11 +1,12 @@
/* flexbox layout */ /* flexbox layout
Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex { .flex {
display : -webkit-box; display: -webkit-box;
display : -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display : -webkit-flex; display: -webkit-flex;
display : flex; display: flex;
} }
.flex-h { .flex-h {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
@ -31,24 +32,24 @@
.flex-start { .flex-start {
-webkit-box-ordinal-group: -1; -webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: 0; -moz-box-ordinal-group: 0;
-ms-flex-order : -1; -ms-flex-order: -1;
-webkit-order : -1; -webkit-order: -1;
-moz-order : -1; -moz-order: -1;
order : -1; order: -1;
} }
.flex-mid { .flex-mid {
-webkit-box-ordinal-group: 1; -webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order : 1; -ms-flex-order: 1;
-webkit-order : 1; -webkit-order: 1;
-moz-order : 1; -moz-order: 1;
order : 1; order: 1;
} }
.flex-end { .flex-end {
-webkit-box-ordinal-group: 42; -webkit-box-ordinal-group: 42;
-moz-box-ordinal-group: 42; -moz-box-ordinal-group: 42;
-ms-flex-order : 42; -ms-flex-order: 42;
-webkit-order : 42; -webkit-order: 42;
-moz-order : 42; -moz-order: 42;
order : 42; order: 42;
} }