Container

Container

.parts-container

Horizontally centered container with limited maximum width and side indents

--xl
--lg
--md
--sm
--fullsize
--compact
--scroll

Allowed modifiers

Default
1024px
32px
32px
X-Large
1450px
32px
32px
Large
1280px
32px
32px
Medium
768px
32px
32px
Small
598px
32px
32px
Fullsize
100%
32px
32px
Compact
1024px
Scroll
100%
<div class="parts-container">
  ...
</div>
Copied
<div class="parts-container parts-container--xl">
  ...
</div>
Copied
<div class="parts-container parts-container--lg">
  ...
</div>
Copied
<div class="parts-container parts-container--md">
  ...
</div>
Copied
<div class="parts-container parts-container--sm">
  ...
</div>
Copied
<div class="parts-container parts-container--fullsize">
  ...
</div>
Copied
<div class="parts-container parts-container--compact">
  ...
</div>
Copied
<div class="parts-container parts-container--scroll">
  ...
</div>
Copied