summaryrefslogtreecommitdiff
path: root/web-ui/app/style-guide.html
diff options
context:
space:
mode:
authorGabriel Albo <gabriel@albo.com.br>2014-09-02 20:50:38 -0300
committerGabriel Albo <gabriel@albo.com.br>2014-09-02 20:50:38 -0300
commitb3595f70fd50575655eabb4a82f51a2885566712 (patch)
treeb9af5928c34d72d3e3b4b61c2da56bb3c0c3e096 /web-ui/app/style-guide.html
parentb5760a9313e2007ab6785344c8b7f6aab79c6ff0 (diff)
Adding icons section and removing (currently) empty components section on the style guide
Diffstat (limited to 'web-ui/app/style-guide.html')
-rw-r--r--web-ui/app/style-guide.html38
1 files changed, 11 insertions, 27 deletions
diff --git a/web-ui/app/style-guide.html b/web-ui/app/style-guide.html
index 4e038822..3c464ed6 100644
--- a/web-ui/app/style-guide.html
+++ b/web-ui/app/style-guide.html
@@ -20,10 +20,9 @@
</ul>
<ul class="right">
- <li><a href="#welcome">Welcome</a></li>
+ <li><a href="#welcome">Home</a></li>
<li><a href="#colors">Colors</a></li>
<li><a href="#typography">Typography</a></li>
- <li><a href="#components">Components</a></li>
<li><a href="#icons">Icons</a></li>
</ul>
</nav>
@@ -167,33 +166,18 @@
</li>
</ul>
</section>
- <section id="components" class="guide-section" name="components">
- <h2>Components</h2>
- </br>
- Example of components, such as warnings, modals, buttons, etc..
- </br>
- Example of components, such as warnings, modals, buttons, etc..
- </br>
- Example of components, such as warnings, modals, buttons, etc..
- </br>
- Example of components, such as warnings, modals, buttons, etc..
- </br>
- Example of components, such as warnings, modals, buttons, etc..
- </br>
- </section>
<section id="icons" class="guide-section" name="icons">
<h2>Icons</h2>
- </br>
- Icons - style and usage.
- </br>
- Icons - style and usage.
- </br>
- Icons - style and usage.
- </br>
- Icons - style and usage.
- </br>
- Icons - style and usage.
- </br>
+ <p>Every icon in Pixelated comes from a font called <a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome.</a>
+ <p>Here are some of the icons we're currently using on Pixelated</p>
+ <i class="fa fa-inbox"></i>
+ <i class="fa fa-send"></i>
+ <i class="fa fa-pencil"></i>
+ <i class="fa fa-trash-o"></i>
+ <i class="fa fa-archive"></i>
+ <i class="fa fa-tags"></i>
+ <i class="fa fa-navicon"></i>
+ <i class="fa fa-refresh"></i>
</section>
</div>