Flex Layout

Structure

<… class="layout-flex">

Examples

abc

foo

bar

test

<div class="panel layout-flex">
  <div class="panel">abc</div>
  <div class="panel">foo</div>
  <div class="panel">bar</div>
  <div class="panel">test</div>
</div>

abc

foo

bar

test

<div class="panel layout-flex along-block">
  <div class="panel">abc</div>
  <div class="panel">foo</div>
  <div class="panel">bar</div>
  <div class="panel">test</div>
</div>

Modifiers

along-block: Orients the layout along the block axis, which in Western locales corresponds to the vertical axis.