Update: doc example fixed

2 files changed, 14 insertions, 15 deletions

diff --git a/index.html b/index.html
index 0f96690..4730561 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
         }
         .bg-grey {
             background-color: #efefef;
-            padding: 1rem;
+            padding: 1rem .5rem;
             border-radius: .3rem;
         }
         .grid-hero {
@@ -173,12 +173,12 @@
             </section>
 
             <header class="text-center"><h5>headings</h5></header>
-            <h1>H1 Heading <small class="label">5rem</small></h1>
-            <h2>H2 Heading <small class="label">4rem</small></h2>
-            <h3>H3 Heading <small class="label">3rem</small></h3>
-            <h4>H4 Heading <small class="label">2.4rem</small></h4>
-            <h5>H5 Heading <small class="label">2rem</small></h5>
-            <h6>H6 Heading <small class="label">1.6rem</small></h6>
+            <h1>H1 Title <small class="label">5rem</small></h1>
+            <h2>H2 Title <small class="label">4rem</small></h2>
+            <h3>H3 Title <small class="label">3rem</small></h3>
+            <h4>H4 Title <small class="label">2.4rem</small></h4>
+            <h5>H5 Title <small class="label">2rem</small></h5>
+            <h6>H6 Title <small class="label">1.6rem</small></h6>
 
             <!-- headings example -->
 <pre class="code lang-html">
@@ -1128,7 +1128,7 @@
         </section>
 
         <section id="empty" class="container grid-960">
-            <header class="text-center"><h4>empty states/blank slates</h4></header>
+            <header class="text-center"><h4>empty states / blank slates</h4></header>
             <section class="notes">
                 <p><strong>Empty states/blank slates</strong> are commonly used as placeholders for first time use, empty data and error screens.</p>
             </section>
@@ -1550,16 +1550,16 @@
             </section>
             <div class="columns text-center">
                 <div class="column col-xs-12">
-                    <button class="btn btn-primary tooltip" data-tooltip="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante." data-tooltip-pos="top">top tooltip</button>
+                    <button class="btn btn-primary tooltip" data-tooltip="Lorem ipsum" data-tooltip-pos="top">top tooltip</button>
                 </div>
                 <div class="column col-xs-12">
-                    <button class="btn btn-primary tooltip tooltip-right" data-tooltip="Lorem ipsum dolor sit amet">right tooltip</button>
+                    <button class="btn btn-primary tooltip tooltip-right" data-tooltip="Lorem ipsum">right tooltip</button>
                 </div>
                 <div class="column col-xs-12">
-                    <button class="btn btn-primary tooltip tooltip-bottom" data-tooltip="Lorem ipsum dolor sit amet">bottom tooltip</button>
+                    <button class="btn btn-primary tooltip tooltip-bottom" data-tooltip="Lorem ipsum">bottom tooltip</button>
                 </div>
                 <div class="column col-xs-12">
-                    <button class="btn btn-primary tooltip tooltip-left" data-tooltip="Lorem ipsum dolor sit amet">left tooltip</button>
+                    <button class="btn btn-primary tooltip tooltip-left" data-tooltip="Lorem ipsum">left tooltip</button>
                 </div>
             </div>
             <section class="notes">
@@ -2344,10 +2344,10 @@
 <pre class="code lang-html">
 <span class="com">&lt;!-- clear float --&gt;</span>
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;clearfix&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
-<span class="com">&lt;!-- float: left and right--&gt;</span>
+<span class="com">&lt;!-- float: left and right --&gt;</span>
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;float-left&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;float-right&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
-<span class="com">&lt;!-- position: relative, absolute and fixed--&gt;</span>
+<span class="com">&lt;!-- position: relative, absolute and fixed --&gt;</span>
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;rel&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;abs&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;fixed&quot;</span>&gt;&lt;<span class="tag">/div</span>&gt;
diff --git a/src/navigation.less b/src/navigation.less
index f6295bc..4918a7d 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -57,7 +57,6 @@
         color: @core-link-color;
       }
     }
-
     &.active a,
     a.active {
       border-bottom-color: darken(@core-color, 10%);