mirror of
https://github.com/jenil/chota.git
synced 2023-08-10 21:13:07 +03:00
Update docs
This commit is contained in:
24
docs/_includes/buttons.html
Normal file
24
docs/_includes/buttons.html
Normal file
@ -0,0 +1,24 @@
|
||||
<section id="buttons">
|
||||
<h4>Buttons</h4>
|
||||
<p>chota includes five predefined button styles, each serving its own semantic purpose. It also applies these styles to <code>input, button</code> elements, see the complete <a href="https://rawgit.com/jenil/chota/master/test/index.html#forms__action" target="_blank">demo</a>.</p>
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="buttons">
|
||||
<a href="#!" class="button">Default</a>
|
||||
<a href="#!" class="button primary">Primary</a>
|
||||
<a href="#!" class="button outline">Outline</a>
|
||||
<a href="#!" class="button outline primary">Primary outline</a>
|
||||
<a href="#!" class="button clear">Clear</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
{% highlight html %}
|
||||
<a class="button">Default</a>
|
||||
<a class="button primary">Primary</a>
|
||||
<a class="button outline">Outline</a>
|
||||
<a class="button outline primary">Primary outline</a>
|
||||
<a class="button clear">Clear</a>
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
Reference in New Issue
Block a user