Add light color helpers

This commit is contained in:
Jeremy Thomas
2020-05-10 22:10:51 +01:00
parent f18da99551
commit 7224fc260c
26 changed files with 3110 additions and 2052 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -13,8 +13,8 @@
</a>
<a class="bd-category-name {% if category_id == current_link_id %}is-active{% endif %}" href="{{ site.url }}{{ category_link.path }}">
<strong>{{ category_link.name }}</strong>
{% if category_link.name == 'Customize' %}
<span class="tag bd-mini-tag is-success">
{% if category_link.name == 'Helpers' %}
<span class="tag bd-mini-tag is-danger">
New!
</span>
{% endif %}