<button class="SG-button">.SG-button</button>
<button class="SG-button SG-button--large">.SG-button</button>
<div style="padding: 5px; background: #f15f79; display: inline-block; margin: 0 1em;">
<button class="SG-button SG-button--white">.SG-button</button>
<button class="SG-button SG-button--white SG-button--large">.SG-button</button>
</div>
<div class="window">
<div class="split-pane">
<div class="split-pane__preview">
<div class="split-pane__handle"></div>
</div>
<div class="split-pane__code SG-code code">
CODE GOES HERE
</div>
</div>
</div>
<span class="SG-strong">Bold text</span><br>
<span class="SG-i">Italic text</span><br>
<span class="SG-a">Link-like</span><br>
<span class="SG-a SG-a--pink">Accent Link</span>
<div class="SG-code">Code</div>
<div class="SG-h1">Headline H1</div>
<div class="SG-h2">Headline H2</div>
<div class="SG-h3">Headline H3</div>
<div class="SG-h4">Headline H4</div>
<div class="SG-hint SG-p">
Exercitation Lorem cupidatat cupidatat pariatur culpa consectetur commodo nulla. Ex occaecat esse non duis amet mollit quis. Dolore irure occaecat sint irure aute adipisicing ex duis fugiat adipisicing magna culpa cupidatat. Consectetur laboris minim proident ut eiusmod velit duis pariatur labore cupidatat adipisicing. Ut amet ad exercitation anim nostrud eiusmod.
</div>
<div class="SG-code-nucleus">Example</div>
<div class="SG-p">
Aliquip amet laboris ex tempor id qui veniam. Enim nisi enim aute Lorem aliquip exercitation eu deserunt exercitation sunt id labore. Ex ipsum amet qui cillum laborum et et qui consequat voluptate sunt. Eu occaecat exercitation veniam culpa amet ea. Aliqua amet velit fugiat culpa minim ea. Do exercitation nisi ullamco mollit enim do deserunt aute deserunt minim mollit. Nostrud commodo ad sint reprehenderit ut culpa ullamco incididunt ipsum culpa aute dolore.
Veniam ullamco sint elit dolore quis. Elit id nostrud ea amet labore incididunt minim nostrud dolor elit cupidatat adipisicing culpa. Anim Lorem dolor do nostrud ut tempor eu esse Lorem ad dolore amet. Incididunt aliquip ipsum nisi dolor enim Lorem quis ut ad ut ex incididunt irure.
</div>
<div class="SG-p">
Aute culpa aliquip ex cupidatat sint quis ullamco pariatur consectetur irure. Ullamco eu velit excepteur tempor. Nulla exercitation culpa eu laborum esse aute magna.
</div>