.layout-left-align
  .mod-example
    button.button.i-mail Etiam malesuada

.layout-right-align
  .mod-example
    button.button.i-mail Etiam malesuada
    button.button.i-phone style='margin-left: 12px;' Sed non tortor

.layout-center-align
  .mod-example
    button.button.action.i-mail Etiam malesuada

.layout-center-vertical-align style='height: 400px; background: #f6f6f6;'
  .mod-example
    label.checkbox
      input type='checkbox' checked='checked'
      span Donec semper ligula
  .mod-example style='margin-left: 24px;'
    .selectbox
      select
        option Nullam metus velit
        option Fusce sagittis nec
        option Aenean sit amet pretium orci

.layout-space-between style='background: #f6f6f6; padding: 30px 0'
  .mod-example
    label.checkbox
      input type='checkbox' checked='checked'
      span Donec semper ligula
  .mod-example style='margin-left: 24px;'
    .selectbox
      select
        option Nullam metus velit
        option Fusce sagittis nec
        option Aenean sit amet pretium orci
  .mod-example style='margin-left: 24px;'
    .selectbox
      select
        option Pet insurance
        option Fusce sagittis nec
        option Aenean sit amet pretium orci