Add more icons: arrows and mail

1 files changed, 37 insertions, 3 deletions

diff --git a/docs/elements.html b/docs/elements.html
index c7f782e..fcba870 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -411,9 +411,9 @@
               <button class="btn btn-primary btn-sm">small</button>
             </div>
             <div class="column col-3 col-xs-12">
-              <button class="btn btn-action btn-primary btn-lg"><i class="icon icon-menu"></i></button>
-              <button class="btn btn-action btn-primary"><i class="icon icon-menu"></i></button>
-              <button class="btn btn-action btn-primary btn-sm"><i class="icon icon-menu"></i></button>
+              <button class="btn btn-action btn-primary btn-lg"><i class="icon icon-cross"></i></button>
+              <button class="btn btn-action btn-primary"><i class="icon icon-cross"></i></button>
+              <button class="btn btn-action btn-primary btn-sm"><i class="icon icon-cross"></i></button>
             </div>
             <div class="column col-3 col-xs-12">
               <button class="btn btn-action btn-primary btn-lg circle"><i class="icon icon-arrow-up"></i></button>
@@ -1043,6 +1043,30 @@
             </div>
             <div class="column col-3 col-md-6">
               <button class="btn btn-primary btn-action btn-lg">
+                <i class="icon icon-upward"></i>
+              </button>
+              <p>icon-upward</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <button class="btn btn-primary btn-action btn-lg">
+                <i class="icon icon-forward"></i>
+              </button>
+              <p>icon-forward</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <button class="btn btn-primary btn-action btn-lg">
+                <i class="icon icon-downward"></i>
+              </button>
+              <p>icon-downward</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <button class="btn btn-primary btn-action btn-lg">
+                <i class="icon icon-back"></i>
+              </button>
+              <p>icon-back</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <button class="btn btn-primary btn-action btn-lg">
                 <i class="icon icon-menu"></i>
               </button>
               <p>icon-menu</p>
@@ -1089,8 +1113,18 @@
               </button>
               <p>icon-check</p>
             </div>
+            <div class="column col-3 col-md-6">
+              <button class="btn btn-primary btn-action btn-lg">
+                <i class="icon icon-mail"></i>
+              </button>
+              <p>icon-mail</p>
+            </div>
           </div>
 
+<!-- icons example -->
+<pre class="code" data-lang="HTML"><code>&lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon icon-menu&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
+</code></pre>
+
         </section>
 
         <section id="labels" class="container">