Add Icon Sizes #284

1 files changed, 23 insertions, 0 deletions

diff --git a/docs/elements.html b/docs/elements.html
index d3f30f9..21a4509 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -1730,6 +1730,29 @@
 <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>
 
         <div id="labels" class="container">