punkfairie.net

Colors

for backgrounds
for text
$red-400
$red-600
$orange-400
$orange-600
$yellow-400
$yellow-600
$green-400
$green-600
$blue-400
$blue-600
$purple-400
$purple-600
$pink-400
$pink-600
$neutral-400
$neutral-600
$gradient

Text

<p>This is a paragraph, containing long amounts of text that likely wraps onto multiple lines. I can say anything here, but if it's too long readers are likely to skip it!</p>

<i>italic text</i>
<i>italic text</i>
<i>italic text</i>
<i>italic text</i>
<i>italic text</i>
<i>italic text</i>
<i>italic text</i>
<b>bold text</b>
<b>bold text</b>
<b>bold text</b>
<b>bold text</b>
<b>bold text</b>
<b>bold text</b>
<b>bold text</b>
<a class="Link">link</a>
<a class="Link">link</a>
<a class="Link">link</a>
<a class="Link">link</a>
<a class="Link">link</a>
<a class="Link">link</a>
<a class="Link">link</a>
.Title--sizeH2
.Title--sizeH3
.Title--sizeH4
.Title--sizeH5

Mixins/Components

@include mixins.gradient-border;
<hr>