Stylabilla

Max width modifier classes. Use sb-container--max-width-#{suffix} to set the desired space between columns.

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

Default styling

.sb-container--max-width-xs

146px max width

.sb-container--max-width-xs

.sb-container--max-width-s

269px max width

.sb-container--max-width-s

.sb-container--max-width-m

515px max width

.sb-container--max-width-m

.sb-container--max-width-l

920px max width

.sb-container--max-width-l

Markup

<div class="sb-border-blue-1 [modifier class]">
  <div class="sb-tile sb-padding sb-text--center">
    .[modifier class]
  </div>
</div>

Source: layout/_layout.scss, line 74