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

updates 🎨🔧💄⛔️🆗

Browse Source 
* new variables
* error-success states
* striped tables
* button upgrades
* enhancements to colors and styles
* text styles
This commit is contained in:
Jenil Gogari
2018-07-29 17:45:05 -04:00
parent 8610d9ad3e
commit c88bc51cb7
14 changed files with 677 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
test/components.html
View File

@@ -140,7 +140,13 @@
</section>
<section>
<h1>Tag</h1>
<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>
<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>
</section>
<section>
<h1>Grid</h1>
@@ -311,7 +317,59 @@
</div>
</div>
</section>
<section>
<h1>Helpers</h1>
<h4>Text color</h4>
<p class="text-primary">Primary</p>
<p class="text-light">Light</p>
<p class="text-grey">Grey</p>
<p class="text-dark">Dark</p>
<p class="text-error">Error</p>
<p class="text-success">Success</p>
<h4>Background color</h4>
<div class="row">
<div class="col">
<div class="card bg-primary">.bg-primary</div>
</div>
<div class="col">
<div class="card bg-light">.bg-light</div>
</div>
<div class="col">
<div class="card bg-grey">.bg-grey</div>
</div>
<div class="col">
<div class="card bg-dark">.bg-dark</div>
</div>
<div class="col">
<div class="card bg-success">.bg-success</div>
</div>
<div class="col">
<div class="card bg-error">.bg-error</div>
</div>
</div>
</section>
<section>
<h1>Icons</h1>
<button type="button" class="button primary icon">New file
<img src="https://icongr.am/feather/file.svg?size=16&color=ffffff" alt="icon">
</button>
<button type="button" class="button icon">New file
<img src="https://icongr.am/feather/file.svg?size=12" alt="icon">
</button>
<button type="button" class="button dark icon">New file
<img src="https://icongr.am/feather/file.svg?size=32&color=ffffff" alt="icon">
</button>
<button class="button icon-only">
<img src="https://icongr.am/feather/search.svg?size=16">
</button>
<button class="button icon-only">
<img src="https://icongr.am/feather/search.svg">
</button>
</section>
</div>
<p>
<br>
</p>
</body>
</html>