1
0
mirror of https://github.com/jenil/chota.git synced 2023-08-10 21:13:07 +03:00

add new button style and tag to website 💄

This commit is contained in:
Jenil Gogari
2017-11-16 20:09:24 -05:00
parent 943c21efbf
commit 7beddb0340
3 changed files with 27 additions and 5 deletions

View File

@@ -6,8 +6,10 @@
<div class="buttons">
<a href="#!" class="button">Default</a>
<a href="#!" class="button primary">Primary</a>
<a href="#!" class="button secondary">Secondary</a>
<a href="#!" class="button outline">Outline</a>
<a href="#!" class="button outline primary">Primary outline</a>
<a href="#!" class="button outline secondary">Secondary outline</a>
<a href="#!" class="button clear">Clear</a>
</div>
</div>
@@ -15,8 +17,10 @@
{% highlight html %}
<a class="button">Default</a>
<a class="button primary">Primary</a>
<a class="button secondary">Secondary</a>
<a class="button outline">Outline</a>
<a class="button outline primary">Primary outline</a>
<a class="button outline secondary">Secondary outline</a>
<a class="button clear">Clear</a>
{% endhighlight %}
</div>

14
docs/_includes/tag.html Normal file
View File

@@ -0,0 +1,14 @@
<section id="tag">
<h4>Tag</h4>
<p>Labels to insert anywhere! They come in 3 sizes — small, medium, large</p>
<p><span class="tag">One</span><span class="tag">Two</span><span class="tag">Three</span><span class="tag is-small">Small</span><span class="tag is-large">Large</span></p>
{% highlight html %}
<p>
<span class="tag">One</span>
<span class="tag">Two</span>
<span class="tag">Three</span>
<span class="tag is-small">Small</span>
<span class="tag is-large">Large</span>
</p>
{% endhighlight %}
</section>