Container component

Example

html

<div class="container"><div class="box">container demo content</div></div>
<br>
<div class="container tiny"><div class="box">container demo content</div></div>
<br>
<div class="container small"><div class="box">container demo content</div></div>
<br>
<div class="container large"><div class="box">container demo content</div></div>
<br>
<div class="container full"><div class="box">container demo content</div></div>

Variables

$container-padding (Number)

scss

$container-padding: (
  small: 12px,
  phablet: 24px
) !default;

Left/Right padding in containers.