Global News Style Guide

Source: assets/src/css/4-objects/_4-readme.scss, line 1

4 Objects

Object oriented CSS. Begin using classes exclusively for agnostically named noncosmetic design patterns. One example would be a CSS grid. Namespace these classes with o-. Use BEM syntax.

Source: assets/src/css/4-objects/_o-container.scss, line 1

4.1 Generic Container

Use this object when you want to define a container that can expand up to the maximum site width (defined by $g-grid-max)

Example

[Content]

<section class="o-container">[Content]</section>