Merge pull request #299 from picturepan2/0.4.3 v0.4.3

0.4.3

1 files changed, 25 insertions, 5 deletions

diff --git a/docs/elements.html b/docs/elements.html
index 12d2276..baee6c8 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -37,7 +37,7 @@
                     <a href="getting-started.html#installation">Installation</a>
                   </li>
                   <li class="menu-item">
-                    <a href="getting-started.html#compiling">Custom version</a>
+                    <a href="getting-started.html#custom">Custom version</a>
                   </li>
                   <li class="menu-item">
                     <a href="getting-started.html#browsers">Browser support</a>
@@ -253,9 +253,6 @@
         <div class="menu-btn">
           <a href="#sidebar" class="btn btn-link btn-action"><i class="icon icon-menu"></i></a>
         </div>
-        <a href="index.html" class="s-logo">
-          <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-        </a>
         <div class="float-btn">
           <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary">GitHub</a>
         </div>
@@ -1236,7 +1233,7 @@
                     <label class="form-label" for="input-example-15">Color</label>
                   </div>
                   <div class="col-9">
-                    <input class="form-input" type="color" id="input-example-15" value="#5764c6">
+                    <input class="form-input" type="color" id="input-example-15" value="#5755d9">
                   </div>
                 </div>
                 <div class="form-group">
@@ -1733,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>Use <code>icon-2x</code>, <code>icon-3x</code> and <code>icon-4x</code> classes to increase icon sizes. You can set <code>font-size</code> to have different 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 (32px)</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <p><i class="icon icon-3x icon-mail"></i></p>
+              <p>icon-3x (48px)</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <p><i class="icon icon-4x icon-mail"></i></p>
+              <p>icon-4x (64px)</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">