diff options
1 files changed, 5 insertions, 5 deletions
| -rw-r--r-- | docs/elements.html | 10 |
diff --git a/docs/elements.html b/docs/elements.html index 174bda8..91a4174 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -527,7 +527,7 @@ <span class="hljs-tag"><<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-primary"</span>></span><span class="hljs-tag"><<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>></span><span class="hljs-tag"></<span class="hljs-name">i</span>></span> normal<span class="hljs-tag"></<span class="hljs-name">button</span>></span> <span class="hljs-tag"><<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-primary btn-sm"</span>></span><span class="hljs-tag"><<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>></span><span class="hljs-tag"></<span class="hljs-name">i</span>></span> small<span class="hljs-tag"></<span class="hljs-name">button</span>></span> </code></pre> - <p>Please note that you could use the <code>btn-action</code> class for a square button, or add another <code>circle</code> class for a round button, which is often used as a Float Action Button (FAB).</p> + <p>Please note that you could use the <code>btn-action</code> class for a square button, or add another <code>s-circle</code> class for a round button, which is often used as a Float Action Button (FAB).</p> <div class="docs-demo columns"> <div class="column col-xs-12"> <button class="btn btn-action btn-primary btn-lg"><i class="icon icon-menu"></i></button> @@ -535,13 +535,13 @@ <button class="btn btn-action btn-primary btn-sm"><i class="icon icon-menu"></i></button> </div> <div class="column col-xs-12"> - <button class="btn btn-action btn-primary btn-lg circle"><i class="icon icon-arrow-up"></i></button> - <button class="btn btn-action btn-primary circle"><i class="icon icon-arrow-up"></i></button> - <button class="btn btn-action btn-primary btn-sm circle"><i class="icon icon-arrow-up"></i></button> + <button class="btn btn-action btn-primary btn-lg s-circle"><i class="icon icon-arrow-up"></i></button> + <button class="btn btn-action btn-primary s-circle"><i class="icon icon-arrow-up"></i></button> + <button class="btn btn-action btn-primary btn-sm s-circle"><i class="icon icon-arrow-up"></i></button> </div> </div> <pre class="code" data-lang="HTML"><code><span class="hljs-tag"><<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-action"</span>></span><span class="hljs-tag"><<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>></span><span class="hljs-tag"></<span class="hljs-name">i</span>></span><span class="hljs-tag"></<span class="hljs-name">button</span>></span> -<span class="hljs-tag"><<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-action circle"</span>></span><span class="hljs-tag"><<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>></span><span class="hljs-tag"></<span class="hljs-name">i</span>></span><span class="hljs-tag"></<span class="hljs-name">button</span>></span> +<span class="hljs-tag"><<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-action s-circle"</span>></span><span class="hljs-tag"><<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>></span><span class="hljs-tag"></<span class="hljs-name">i</span>></span><span class="hljs-tag"></<span class="hljs-name">button</span>></span> </code></pre> <h4 class="s-subtitle" id="buttons-states">Button states<a class="anchor" href="#buttons-states" aria-hidden="true">#</a></h4> <p>Add the <code>active</code> class for active button state style.</p> |