Codenut Style

Introduction

Typography

Heading

h1. Font size 2.5rem
h2. Font size 2.5rem
h3. Font size 2rem
h4. Font size 1.75rem
h5. Font size 1.5rem
h6. Font size 1.25rem

<h1>h1. Font size 2.5rem</h1>
<h2>h2. Font size 2.5rem</h2>
<h3>h3. Font size 2rem</h3>
<h4>h4. Font size 1.75rem</h4>
<h5>h5. Font size 1.5rem</h5>
<h6>h6. Font size 1.25rem</h6>

Grid

col--4

col--4

col--4

col--6

col--6

<div class="row">
        <div class="col--4">col--4</div>
        <div class="col--4">col--4</div>
        <div class="col--4">col--4</div>
</div>
<div class="row">
        <div class="col--6">col--6</div>
        <div class="col--6">col--6</div>
</div>

Media object

Media query

Icon