diff options
1 files changed, 25 insertions, 5 deletions
| -rw-r--r-- | docs/elements.html | 30 |
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><<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">"icon icon-menu"</span>><<span class="tag">/i</span>> </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><<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">"icon icon-2x icon-mail"</span>><<span class="tag">/i</span>> +</code></pre> + </div> <div id="labels" class="container"> |