Flex Box View source

The flex-box mixin is based on the 2009 w3c spec. More info

{% highlight scss %} div.parent { @include display-box; @include box-align(start); @include box-orient(horizontal); @include box-pack(start); } div.parent > div.child { @include box-flex(2); } // Alternative custom shorthand mixin. div.parent { @include box($orient: horizontal, $pack: center, $align: stretch); // defaults @include box(vertical, start, stretch); } {% endhighlight %}