mirror/chota
1
0
Fork 0
mirror of https://github.com/jenil/chota.git synced 2023-08-10 21:13:07 +03:00
Code Issues Projects Releases Wiki Activity

update docs

Browse Source
This commit is contained in:
Jenil Gogari
2018-07-29 17:57:15 -04:00
parent c88bc51cb7
commit b1bc9f9acd
4 changed files with 59 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
docs/_includes/buttons.html
View File

@@ -7,10 +7,20 @@
<a href="#!" class="button">Default</a>
<a href="#!" class="button primary">Primary</a>
<a href="#!" class="button secondary">Secondary</a>
<a href="#!" class="button dark">Dark</a>
<a href="#!" class="button error">Error</a>
<a href="#!" class="button success">Success</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 outline dark">Dark outline</a>
<a href="#!" class="button clear">Clear</a>
<button type="button" class="button primary icon">New file
<img src="https://icongr.am/feather/file.svg?size=16&amp;color=ffffff" alt="icon">
</button>
<button class="button icon-only">
<img src="https://icongr.am/feather/search.svg?size=24">
</button>
</div>
</div>
<div class="col">
@@ -18,10 +28,20 @@
<a class="button">Default</a>
<a class="button primary">Primary</a>
<a class="button secondary">Secondary</a>
<a class="button dark">Dark</a>
<a class="button error">Error</a>
<a class="button success">Success</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 outline dark">Dark outline</a>
<a class="button clear">Clear</a>
<button type="button" class="button primary icon">New file
<img src="https://icongr.am/feather/file.svg?size=16&amp;color=ffffff" alt="icon">
</button>
<button class="button icon-only">
<img src="https://icongr.am/feather/search.svg?size=24">
</button>
{% endhighlight %}
</div>
</div>

12
docs/_includes/utilities.html
View File

@@ -2,6 +2,18 @@
<h4>Utilities</h4>
<p>You can apply these helper classes to almost any element, in order to alter its style.</p>
<ul>
<li><code>text-primary</code> - <span class="text-primary">Primary text</span></li>
<li><code>text-light</code> - <span class="text-light">Light text</span></li>
<li><code>text-dark</code> - <span class="text-dark">Dark text</span></li>
<li><code>text-grey</code> - <span class="text-grey">Grey text</span></li>
<li><code>text-error</code> - <span class="text-error">Error text</span></li>
<li><code>text-success</code> - <span class="text-success">Success text</span></li>
<li><code>bg-primary</code> - <span class="bg-primary">primary background</span></li>
<li><code>bg-light</code> - <span class="bg-light">Light background</span></li>
<li><code>bg-dark</code> - <span class="bg-dark">Dark background</span></li>
<li><code>bg-grey</code> - <span class="bg-grey">Grey background</span></li>
<li><code>bg-error</code> - <span class="bg-error">Error background</span></li>
<li><code>bg-success</code> - <span class="bg-success">Success background</span></li>
<li><code>pull-right</code> - floats an element to the right</li>
<li><code>pull-left</code> - floats an element to the left</li>
<li><code>is-text-center</code> - center aligns text</li>