flexbox-container.scss

@import "compass/css3";

@mixin flexbox-container($orientation: horizontal, $align: stretch, $pack: center) {
    @include display-box;
    @include box-orient($orientation);
    @include box-align($align);
    @include box-pack($pack);
}

// Usage:

.container {
    @include flexbox-container

    .item {
        @include box-flex(1);

        // Setting the flex item width to 0 prevents the content affecting the
        // flex size.
        width: 0;
    }
}