Typography
H1
Description:
Display an H1
Usage:
<h1>This is a headline</h1> or <div class="h1">This is a headline</div>
HTML Output:
<h1>This is a headline one</h1>
This is a headline one
H2
Description:
Display an H2
Usage:
<h2>This is a headline</h2> or <div class="h2">This is a headline</div>
HTML Output:
<h2>This is a headline two</h2>
This is a headline two
H3
Description:
Display an H3
Usage:
<h3>This is a headline</h3> or <div class="h3">This is a headline</div>
HTML Output:
<h3>This is a headline three</h3>
This is a headline three
H4
Description:
Display an H4
Usage:
<h4>This is a headline</h4> or <div class="h4">This is a headline</div>
HTML Output:
<h4>This is a headline four</h4>
This is a headline four
H5
Description:
Display an H5
Usage:
<h5>This is a headline</h5> or <div class="h5">This is a headline</div>
HTML Output:
<h5>This is a headline five</h5>
This is a headline five
H6
Description:
Display an H6
Usage:
<h6>This is a headline</h6> or <div class="h6">This is a headline</div>
HTML Output:
<h6>This is a headline six</h6>
This is a headline six
Prepended Title with Break
Description:
Display a Prepended Title
Usage:
<h4 class="prepend-caps prepend-border color-boulder">This is a Prepended Title</h4>
HTML Output:
<h4 class="prepend-caps prepend-border color-boulder">This is a Prepended Title</h4>
This is a Prepended Title
Globals
Colors
Fonts
$font-libre: "Libre Franklin", sans-serif;
$font-montserrat: "Montserrat", sans-serif;
$font-sans: "Open Sans", sans-serif
$font-aleo: "Aleo, serif