add a style guide section, add existing colors

This commit is contained in:
Joshua Seigler 2016-07-23 01:36:03 -04:00
parent 5207aedf80
commit beb38babd9
11 changed files with 180 additions and 5 deletions

View file

@ -0,0 +1,13 @@
<article class="component">
<header class="component__header">
<h3 id="guide-{{ entry.title | slugify }}">{{ entry.title }}</h3>
{% if entry.usage %}<p><strong>Usage:</strong> {{ entry.usage }}</p>{% endif %}
</header>
<div class="component__content--color">
<div class="component__rendered--color">
{{ entry.content }}
</div>
</div>
</article>

19
_includes/component.html Normal file
View file

@ -0,0 +1,19 @@
<article class="component">
<header class="component__header">
<h3 id="guide-{{ entry.title | slugify }}">{{ entry.title }}</h3>
{% if entry.usage %}<p><strong>Usage:</strong> {{ entry.usage }}</p>{% endif %}
</header>
<div class="component__content">
<div class="component__rendered">
{{ entry.content }}
</div>
<div class="component__code">
{% highlight html %}
{{ entry.content }}
{% endhighlight %}
</div>
</div>
</article>