diff options
Update Docs
8 files changed, 37 insertions, 32 deletions
| -rw-r--r-- | docs/elements/buttons.html | 6 | ||||
| -rw-r--r-- | docs/elements/code.html | 6 | ||||
| -rw-r--r-- | docs/elements/forms.html | 8 | ||||
| -rw-r--r-- | docs/elements/icons.html | 25 | ||||
| -rw-r--r-- | docs/elements/labels.html | 6 | ||||
| -rw-r--r-- | docs/elements/media.html | 6 | ||||
| -rw-r--r-- | docs/elements/tables.html | 6 | ||||
| -rw-r--r-- | docs/elements/typography.html | 6 |
diff --git a/docs/elements/buttons.html b/docs/elements/buttons.html index 7ba57b1..35b259f 100644 --- a/docs/elements/buttons.html +++ b/docs/elements/buttons.html @@ -31,7 +31,7 @@ </div> <div class="docs-sidebar off-canvas-sidebar" id="sidebar"> <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>SPECTRE</h2></a> + <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a> </div> <div class="docs-nav"> <div class="accordion-container"> @@ -64,7 +64,7 @@ </li> <li class="menu-item"><a href="../elements/forms.html">Forms</a> </li> - <li class="menu-item"><a href="../elements/icons.html">Icons</a> + <li class="menu-item"><a href="../elements/icons.html">Icons.css</a> </li> <li class="menu-item"><a href="../elements/labels.html">Labels</a> </li> @@ -360,7 +360,7 @@ </div> </div> <div class="docs-footer container grid-lg" id="copyright"> - <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p> + <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · <a href="https://www.patreon.com/spectrecss" target="_blank">Patreon Sponsor</a> · Version <span class="version"></span></p> <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </div> </div> diff --git a/docs/elements/code.html b/docs/elements/code.html index ae3a8b6..13727b1 100644 --- a/docs/elements/code.html +++ b/docs/elements/code.html @@ -31,7 +31,7 @@ </div> <div class="docs-sidebar off-canvas-sidebar" id="sidebar"> <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>SPECTRE</h2></a> + <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a> </div> <div class="docs-nav"> <div class="accordion-container"> @@ -64,7 +64,7 @@ </li> <li class="menu-item"><a href="../elements/forms.html">Forms</a> </li> - <li class="menu-item"><a href="../elements/icons.html">Icons</a> + <li class="menu-item"><a href="../elements/icons.html">Icons.css</a> </li> <li class="menu-item"><a href="../elements/labels.html">Labels</a> </li> @@ -237,7 +237,7 @@ </div> </div> <div class="docs-footer container grid-lg" id="copyright"> - <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p> + <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · <a href="https://www.patreon.com/spectrecss" target="_blank">Patreon Sponsor</a> · Version <span class="version"></span></p> <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </div> </div> diff --git a/docs/elements/forms.html b/docs/elements/forms.html index 69a4d9f..5c89a51 100644 --- a/docs/elements/forms.html +++ b/docs/elements/forms.html @@ -31,7 +31,7 @@ </div> <div class="docs-sidebar off-canvas-sidebar" id="sidebar"> <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>SPECTRE</h2></a> + <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a> </div> <div class="docs-nav"> <div class="accordion-container"> @@ -64,7 +64,7 @@ </li> <li class="menu-item"><a href="../elements/forms.html">Forms</a> </li> - <li class="menu-item"><a href="../elements/icons.html">Icons</a> + <li class="menu-item"><a href="../elements/icons.html">Icons.css</a> </li> <li class="menu-item"><a href="../elements/labels.html">Labels</a> </li> @@ -527,7 +527,7 @@ </div> <p>You can add the <code>input-sm</code>/<code>input-lg</code> classes to the input-checkbox, input-radio and input-switch to have different sizes.</p> <h4 class="s-subtitle" id="forms-icons">Form icons<a class="anchor" href="#forms-icons" aria-hidden="true">#</a></h4> - <p>Spectre Form components has <a href="#icons">Spectre Icons</a> support.</p> + <p>Spectre Forms components has <a href="icons.html">Spectre Icons</a> support.</p> <p>Add a wrapper with the <code>has-icon-left</code>/<code>has-icon-right</code> class to <input> element. And add the icon with <code>form-icon</code> class next to the <input>. </p> @@ -961,7 +961,7 @@ </div> </div> <div class="docs-footer container grid-lg" id="copyright"> - <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p> + <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · <a href="https://www.patreon.com/spectrecss" target="_blank">Patreon Sponsor</a> · Version <span class="version"></span></p> <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </div> </div> diff --git a/docs/elements/icons.html b/docs/elements/icons.html index a0abe99..9cd4ffa 100644 --- a/docs/elements/icons.html +++ b/docs/elements/icons.html @@ -31,7 +31,7 @@ </div> <div class="docs-sidebar off-canvas-sidebar" id="sidebar"> <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>SPECTRE</h2></a> + <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a> </div> <div class="docs-nav"> <div class="accordion-container"> @@ -64,7 +64,7 @@ </li> <li class="menu-item"><a href="../elements/forms.html">Forms</a> </li> - <li class="menu-item"><a href="../elements/icons.html">Icons</a> + <li class="menu-item"><a href="../elements/icons.html">Icons.css</a> </li> <li class="menu-item"><a href="../elements/labels.html">Labels</a> </li> @@ -199,8 +199,8 @@ <div class="off-canvas-content"> <div class="docs-content" id="content"> <div class="container" id="icons"> - <h3 class="s-title">Icons<a class="anchor" href="#icons" aria-hidden="true">#</a></h3> - <p><small class="label label-primary mr-2">CSS ONLY</small></p> + <h3 class="s-title">Icons.css<a class="anchor" href="#icons" aria-hidden="true">#</a></h3> + <p><small class="label label-secondary">CSS ONLY</small></p> <div class="docs-ad"> <div class="hide-md text-center"> <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> @@ -212,12 +212,17 @@ <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> + <div class="docs-demo columns"> + <div class="column"> + <div class="toast toast-primary">Spectre.css Icons will be moved to a new <a href="https://github.com/picturepan2/icons.css" target="_blank">GitHub Repo</a>.</div> + </div> + </div> <p> - Icons are single-element, responsive and pure CSS icons. + Icons.css are single-element, responsive and pure CSS icons. You can include <code>spectre-icons.css</code> located in the <code>dist</code> folder to your web <head> to have these CSS icons. </p> <h4 class="s-subtitle" id="icons-navigation">Navigation icons<a class="anchor" href="#icons-navigation" aria-hidden="true">#</a></h4> - <div class="columns"> + <div class="docs-demo columns"> <div class="column col-3 col-md-6"> <button class="btn btn-primary btn-action btn-lg"><i class="icon icon-arrow-up"></i></button> <p>icon-arrow-up</p> @@ -272,7 +277,7 @@ </div> </div> <h4 class="s-subtitle" id="icons-action">Action icons<a class="anchor" href="#icons-action" aria-hidden="true">#</a></h4> - <div class="columns"> + <div class="docs-demo columns"> <div class="column col-3 col-md-6"> <button class="btn btn-primary btn-action btn-lg"><i class="icon icon-resize-horiz"></i></button> <p>icon-resize-horiz</p> @@ -347,7 +352,7 @@ </div> </div> <h4 class="s-subtitle" id="icons-object">Object icons<a class="anchor" href="#icons-object" aria-hidden="true">#</a></h4> - <div class="columns"> + <div class="docs-demo columns"> <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> @@ -387,7 +392,7 @@ <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 class="columns"> + <div class="docs-demo columns"> <div class="column col-3 col-md-6"> <p><i class="icon icon-2x icon-mail"></i></p> <p>icon-2x (32px)</p> @@ -408,7 +413,7 @@ </div> </div> <div class="docs-footer container grid-lg" id="copyright"> - <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p> + <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · <a href="https://www.patreon.com/spectrecss" target="_blank">Patreon Sponsor</a> · Version <span class="version"></span></p> <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </div> </div> diff --git a/docs/elements/labels.html b/docs/elements/labels.html index 30bbb6e..62425e9 100644 --- a/docs/elements/labels.html +++ b/docs/elements/labels.html @@ -31,7 +31,7 @@ </div> <div class="docs-sidebar off-canvas-sidebar" id="sidebar"> <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>SPECTRE</h2></a> + <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a> </div> <div class="docs-nav"> <div class="accordion-container"> @@ -64,7 +64,7 @@ </li> <li class="menu-item"><a href="../elements/forms.html">Forms</a> </li> - <li class="menu-item"><a href="../elements/icons.html">Icons</a> + <li class="menu-item"><a href="../elements/icons.html">Icons.css</a> </li> <li class="menu-item"><a href="../elements/labels.html">Labels</a> </li> @@ -235,7 +235,7 @@ </div> </div> <div class="docs-footer container grid-lg" id="copyright"> - <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p> + <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · <a href="https://www.patreon.com/spectrecss" target="_blank">Patreon Sponsor</a> · Version <span class="version"></span></p> <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </div> </div> diff --git a/docs/elements/media.html b/docs/elements/media.html index e85041f..0f7259f 100644 --- a/docs/elements/media.html +++ b/docs/elements/media.html @@ -31,7 +31,7 @@ </div> <div class="docs-sidebar off-canvas-sidebar" id="sidebar"> <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>SPECTRE</h2></a> + <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a> </div> <div class="docs-nav"> <div class="accordion-container"> @@ -64,7 +64,7 @@ </li> <li class="menu-item"><a href="../elements/forms.html">Forms</a> </li> - <li class="menu-item"><a href="../elements/icons.html">Icons</a> + <li class="menu-item"><a href="../elements/icons.html">Icons.css</a> </li> <li class="menu-item"><a href="../elements/labels.html">Labels</a> </li> @@ -281,7 +281,7 @@ </div> </div> <div class="docs-footer container grid-lg" id="copyright"> - <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p> + <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · <a href="https://www.patreon.com/spectrecss" target="_blank">Patreon Sponsor</a> · Version <span class="version"></span></p> <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </div> </div> diff --git a/docs/elements/tables.html b/docs/elements/tables.html index c761f52..dc0c0eb 100644 --- a/docs/elements/tables.html +++ b/docs/elements/tables.html @@ -31,7 +31,7 @@ </div> <div class="docs-sidebar off-canvas-sidebar" id="sidebar"> <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>SPECTRE</h2></a> + <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a> </div> <div class="docs-nav"> <div class="accordion-container"> @@ -64,7 +64,7 @@ </li> <li class="menu-item"><a href="../elements/forms.html">Forms</a> </li> - <li class="menu-item"><a href="../elements/icons.html">Icons</a> + <li class="menu-item"><a href="../elements/icons.html">Icons.css</a> </li> <li class="menu-item"><a href="../elements/labels.html">Labels</a> </li> @@ -385,7 +385,7 @@ </div> </div> <div class="docs-footer container grid-lg" id="copyright"> - <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p> + <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · <a href="https://www.patreon.com/spectrecss" target="_blank">Patreon Sponsor</a> · Version <span class="version"></span></p> <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </div> </div> diff --git a/docs/elements/typography.html b/docs/elements/typography.html index 28af118..4f71a35 100644 --- a/docs/elements/typography.html +++ b/docs/elements/typography.html @@ -31,7 +31,7 @@ </div> <div class="docs-sidebar off-canvas-sidebar" id="sidebar"> <div class="docs-brand"><a class="docs-logo" href="../index.html"><img src="../img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>SPECTRE</h2></a> + <h2>SPECTRE</h2><small class="label label-secondary text-bold">DOCS</small></a> </div> <div class="docs-nav"> <div class="accordion-container"> @@ -64,7 +64,7 @@ </li> <li class="menu-item"><a href="../elements/forms.html">Forms</a> </li> - <li class="menu-item"><a href="../elements/icons.html">Icons</a> + <li class="menu-item"><a href="../elements/icons.html">Icons.css</a> </li> <li class="menu-item"><a href="../elements/labels.html">Labels</a> </li> @@ -411,7 +411,7 @@ </div> </div> <div class="docs-footer container grid-lg" id="copyright"> - <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p> + <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · <a href="https://www.patreon.com/spectrecss" target="_blank">Patreon Sponsor</a> · Version <span class="version"></span></p> <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </div> </div> |