SGDS v2.0 is here!
Check out the brand new v2.0 portal or click here for more information

Overview

Section is the main building block for all layouts. It can be used as direct children of body


Usage

Content Here
<body>
    <section class="sgds-section">
        <div class="sgds-container">
            <h6>Content Here</h6>
        </div>
    </section>
</body>

Style

Modifier Description
is-small padding: 1.5rem 1.5rem
is-medium padding: 9rem 1.5rem
is-large padding: 18rem 1.5rem

Can't find a component?

Let us know what you need and we’ll be happy to look into it

Request component