Fix circle -> s-circle #489

2 files changed, 10 insertions, 10 deletions

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">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-primary"</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span> normal<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-primary btn-sm"</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span> small<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</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">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-action"</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-action circle"</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
+<span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"btn btn-action s-circle"</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-left"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</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>
diff --git a/docs/src/contents/buttons.pug b/docs/src/contents/buttons.pug
index 3fbf5da..4cad7a3 100644
--- a/docs/src/contents/buttons.pug
+++ b/docs/src/contents/buttons.pug
@@ -73,7 +73,7 @@ pre.code(data-lang='HTML')
       <button class="btn btn-primary btn-sm"><i class="icon icon-arrow-left"></i> small</button>
 
 p
-  | Please note that you could use the #[code btn-action] class for a square button, or add another #[code circle] class for a round button, which is often used as a Float Action Button (FAB).
+  | Please note that you could use the #[code btn-action] class for a square button, or add another #[code s-circle] class for a round button, which is often used as a Float Action Button (FAB).
 
 .docs-demo.columns
   .column.col-xs-12
@@ -84,18 +84,18 @@ p
     button.btn.btn-action.btn-primary.btn-sm
       i.icon.icon-menu
   .column.col-xs-12
-    button.btn.btn-action.btn-primary.btn-lg.circle
+    button.btn.btn-action.btn-primary.btn-lg.s-circle
       i.icon.icon-arrow-up
-    button.btn.btn-action.btn-primary.circle
+    button.btn.btn-action.btn-primary.s-circle
       i.icon.icon-arrow-up
-    button.btn.btn-action.btn-primary.btn-sm.circle
+    button.btn.btn-action.btn-primary.btn-sm.s-circle
       i.icon.icon-arrow-up
 
 pre.code(data-lang='HTML')
   code
     :highlight(lang="html")
       <button class="btn btn-action"><i class="icon icon-arrow-left"></i></button>
-      <button class="btn btn-action circle"><i class="icon icon-arrow-left"></i></button>
+      <button class="btn btn-action s-circle"><i class="icon icon-arrow-left"></i></button>
 
 +docs-subheading('buttons-states', 'Button states')