Add typography helpers

This commit is contained in:
Jeremy Thomas
2017-07-24 20:22:16 +02:00
parent d7e49a4dc3
commit 3f8655c87d
23 changed files with 1343 additions and 2105 deletions

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 7%);"></span>
hsl(0, 0%, 7%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 14%);"></span>
hsl(0, 0%, 14%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 4%);"></span>
hsl(0, 0%, 4%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(217, 71%, 53%);"></span>
hsl(217, 71%, 53%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(141, 71%, 48%);"></span>
hsl(141, 71%, 48%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 29%);"></span>
hsl(0, 0%, 29%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 21%);"></span>
hsl(0, 0%, 21%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 71%);"></span>
hsl(0, 0%, 71%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 86%);"></span>
hsl(0, 0%, 86%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 48%);"></span>
hsl(0, 0%, 48%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(14, 100%, 53%);"></span>
hsl(14, 100%, 53%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(271, 100%, 71%);"></span>
hsl(271, 100%, 71%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(348, 100%, 61%);"></span>
hsl(348, 100%, 61%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(171, 100%, 41%);"></span>
hsl(171, 100%, 41%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 98%);"></span>
hsl(0, 0%, 98%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 96%);"></span>
hsl(0, 0%, 96%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(0, 0%, 100%);"></span>
hsl(0, 0%, 100%)

View File

@@ -0,0 +1,2 @@
<span class="color" style="background: hsl(48, 100%, 67%);"></span>
hsl(48, 100%, 67%)

View File

@@ -10,6 +10,12 @@
<a class="navbar-item is-tab {% if page.doc-subtab == 'responsive-helpers' %}is-active{% endif %}" href="{{ site.url }}/documentation/modifiers/responsive-helpers/">
Responsive helpers
</a>
<a class="navbar-item is-tab {% if page.doc-subtab == 'typography-helpers' %}is-active{% endif %}" href="{{ site.url }}/documentation/modifiers/typography-helpers/">
Typography helpers
<span class="tag is-success" style="margin-left: 1em;">
New!
</span>
</a>
</div>
</div>
</nav>