3.3.1 #Layout.flex.display Display

Toggle example guides Toggle HTML markup

Display utility to create a flexbox container and transform direct children elements into flex items.

Browser support: IE10+, Safari6+, Firefox30+, Chrome30+

Default styling
I'm a flexbox container.
.sb-flex
Flexbox container
I'm a flexbox container.
.sb-flex-inline
Inline flexbox container
I'm a flexbox container.
Markup
<div class="[modifier class] sb-tile sb-padding">
  I'm a flexbox container.
</div>
Source: layout/_flex.scss, line 7