Fixing bug in teal labels

Former-commit-id: 75001e1600
Former-commit-id: 3df8878dec

build/packaged/semantic.min.css.REMOVED.git-id

@@ -1 +1 @@
-866af7fce9e59a181633b5308b79c4d592bb4c8e
+66075cc84f045738a97eece3153e3dfb1cc7e363

build/uncompressed/elements/label.css

@@ -432,7 +432,7 @@ a.ui.teal.label:hover {
 }
 .ui.labels a.teal.label:hover:before,
 .ui.teal.labels a.label:hover:before,
-a.ui.teal.tag.label:hover:before {
+a.ui.teal.label:hover:before {
   background-color: #009A93 !important;
 }
 /*-------------------

node/src/documents/index.html

@@ -21,11 +21,10 @@ type   : 'Semantic'
   <div class="ui responsive grid">
     <div class="ui column">
       <h3 class="ui header">Comparing UI Frameworks</h3>
-      
       <p>3 column grid</p>
       <div class="ui three column grid">
         <div class="column">
-          <div class="ui teal below pointing label">Semantic</div>
+          <a class="ui teal below pointing label" href="/collections/grid.html">Semantic</a>
           <div class="code" data-type="html">
     <div class="ui three column grid">
       <div class="column">1</div>
@@ -59,7 +58,7 @@ type   : 'Semantic'
       <p>Navigation Menu</p>
       <div class="ui two column grid">
         <div class="column">
-          <div class="ui teal below pointing label">Semantic</div>
+          <a class="ui teal below pointing label" href="/collections/menu.html">Semantic</a>
           <div class="code" data-type="html">
     <div class="ui menu">
       <div class="header item">Title</div>
@@ -87,6 +86,28 @@ type   : 'Semantic'
           </div>
         </div>
       </div>
+      <div class="ui divider"></div>
+      <p>Buttons</p>
+      <div class="ui two column grid">
+        <div class="column">
+          <a class="ui teal below pointing label" href="/elements/button.html">Semantic</a>
+          <div class="code" data-type="html">
+    <div class="ui large red labeled icon button">
+      <i class="icon heart"></i>
+      Like it
+    </div>
+          </div>
+        </div>
+        <div class="column">
+          <div class="ui below pointing label">Bootstrap</div>
+          <div class="code" data-type="html">
+    <button type="button" class="btn btn-primary btn-lg">
+      <span class="glyphicon glyphicon-heart"></span>
+      Like
+    </button>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>

node/src/files/components/semantic/elements/label.css

@@ -432,7 +432,7 @@ a.ui.teal.label:hover {
 }
 .ui.labels a.teal.label:hover:before,
 .ui.teal.labels a.label:hover:before,
-a.ui.teal.tag.label:hover:before {
+a.ui.teal.label:hover:before {
   background-color: #009A93 !important;
 }
 /*-------------------

src/elements/label.less

@@ -518,7 +518,7 @@ a.ui.teal.label:hover {
 }
 .ui.labels a.teal.label:hover:before,
 .ui.teal.labels a.label:hover:before,
-a.ui.teal.tag.label:hover:before {
+a.ui.teal.label:hover:before {
   background-color: #009A93 !important;
 }