From be1c5e2977a536c7d15fa7cd9389cd344ec69428 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Mon, 27 Mar 2017 10:44:41 +0800
Subject: Add more icons: arrows and mail

---
 docs/elements.html | 40 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

(limited to 'docs/elements.html')

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>
@@ -1041,6 +1041,30 @@
               </button>
               <p>icon-arrow-left</p>
             </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>
@@ -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">
-- 
cgit v1.3.1-23-gd82d