3.5.2 #Layout.spacing.paddings Paddings

Toggle example guides Toggle HTML markup

Classes that apply differently sized paddings to your elements. The available directions are top, bottom, left, right, vertical, horizontal. The available sizes ranges from xs to xl. The default class sb-padding adds the medium sized padding to all sides.

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

.sb-padding-xs
.sb-padding-s
.sb-padding
.sb-padding-l
.sb-padding-xl
Markup 
<div class="sb-tile  sb-padding-xs sb-margin-bottom">
  .sb-padding-xs
</div>
<div class="sb-tile  sb-padding-s sb-margin-bottom">
  .sb-padding-s
</div>
<div class="sb-tile sb-padding sb-margin-bottom">
  .sb-padding
</div>
<div class="sb-tile sb-padding-l sb-margin-bottom">
  .sb-padding-l
</div>
<div class="sb-tile sb-padding-xl sb-margin-bottom">
  .sb-padding-xl
</div>
Source: layout/_spacing.scss, line 71