Improve :focus state style

1 files changed, 8 insertions, 8 deletions

diff --git a/docs/components.html b/docs/components.html
index 4847ecc..cf18cd3 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -430,7 +430,7 @@
             <div class="column col-8 col-xs-12">
               <div class="bar bar-slider">
                 <div class="bar-item" role="progressbar" style="width:50%;">
-                  <button class="bar-slider-btn tooltip" data-tooltip="50%" role="slider"></button>
+                  <button class="bar-slider-btn btn tooltip" data-tooltip="50%" role="slider"></button>
                 </div>
               </div>
             </div>
@@ -439,10 +439,10 @@
             <div class="column col-8 col-xs-12">
               <div class="bar bar-slider">
                 <div class="bar-item" role="progressbar" style="width:15%;">
-                  <button class="bar-slider-btn tooltip" data-tooltip="25%" role="slider"></button>
+                  <button class="bar-slider-btn btn tooltip" data-tooltip="25%" role="slider"></button>
                 </div>
                 <div class="bar-item" role="progressbar" style="width:65%;">
-                  <button class="bar-slider-btn tooltip" data-tooltip="65%" role="slider"></button>
+                  <button class="bar-slider-btn btn tooltip" data-tooltip="65%" role="slider"></button>
                 </div>
               </div>
             </div>
@@ -457,17 +457,17 @@
 <pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- slider --&gt;</span>
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;bar bar-slider&quot;</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;bar-item&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;progressbar&quot;</span> <span class="atn">style</span>=<span class="atv">&quot;width:25%;&quot;</span>&gt;
-    &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;bar-slider-btn&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;slider&quot;</span>&gt;&lt;<span class="tag">/button</span>&gt;
+    &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;bar-slider-btn btn&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;slider&quot;</span>&gt;&lt;<span class="tag">/button</span>&gt;
   &lt;<span class="tag">/div</span>&gt;
 &lt;<span class="tag">/div</span>&gt;
 
 <span class="com">&lt;!-- range slider --&gt;</span>
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;bar bar-slider&quot;</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;bar-item&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;progressbar&quot;</span> <span class="atn">style</span>=<span class="atv">&quot;width:15%;&quot;</span>&gt;
-    &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;bar-slider-btn&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;slider&quot;</span>&gt;&lt;<span class="tag">/button</span>&gt;
+    &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;bar-slider-btn btn&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;slider&quot;</span>&gt;&lt;<span class="tag">/button</span>&gt;
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;bar-item&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;progressbar&quot;</span> <span class="atn">style</span>=<span class="atv">&quot;width:65%;&quot;</span>&gt;
-    &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;bar-slider-btn&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;slider&quot;</span>&gt;&lt;<span class="tag">/button</span>&gt;
+    &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;bar-slider-btn btn&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;slider&quot;</span>&gt;&lt;<span class="tag">/button</span>&gt;
   &lt;<span class="tag">/div</span>&gt;
 &lt;<span class="tag">/div</span>&gt;
 </code></pre>
@@ -1695,7 +1695,7 @@
                   <div class="tile-subtitle">14MB · Public · 1 Jan, 2017</div>
                 </div>
                 <div class="tile-action">
-                  <button class="btn btn-link btn-action"><i class="icon icon-more_vert"></i></button>
+                  <button class="btn btn-link btn-action"><i class="icon icon-more-vert"></i></button>
                 </div>
               </div>
             </div>
@@ -1714,7 +1714,7 @@
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-action&quot;</span>&gt;
     &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-link&quot;</span>&gt;
-      &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon icon-more_vert&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
+      &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon icon-more-vert&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
     &lt;<span class="tag">/button</span>&gt;
   &lt;<span class="tag">/div</span>&gt;
 &lt;<span class="tag">/div</span>&gt;