From 6b53dbc7deb9673bee9a9530edc8c999e07dbd54 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Wed, 27 Sep 2017 08:24:41 +0800
Subject: Add Icon Sizes #284

---
 docs/elements.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'docs/elements.html')

diff --git a/docs/elements.html b/docs/elements.html
index d3f30f9..21a4509 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -1728,6 +1728,29 @@
 
 <!-- icons -->
 <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>
+
+          <h4 id="icons-sizes" class="s-subtitle">Icon sizes</h4>
+          <div class="docs-note">
+            <p>You can use <code>icon-2x</code>, <code>icon-3x</code> and <code>icon-4x</code> classes to increase icon sizes.</p>
+          </div>
+          <div class="columns">
+            <div class="column col-3 col-md-6">
+              <p><i class="icon icon-2x icon-mail"></i></p>
+              <p>icon-2x</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <p><i class="icon icon-3x icon-mail"></i></p>
+              <p>icon-3x</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <p><i class="icon icon-4x icon-mail"></i></p>
+              <p>icon-4x</p>
+            </div>
+          </div>
+
+<!-- icons -->
+<pre class="code" data-lang="HTML"><code>&lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon icon-2x icon-mail&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
 </code></pre>
 
         </div>
-- 
cgit v1.3.1-23-gd82d