Move CSS of hover underline to base from color variants

diff --git a/scss/_badge.scss b/scss/_badge.scss
index b87a1b00495abc8b00d4c813ec301c22cb320f80..2e489a05b134a80834d1464d61422e7ac6ab4156 100644 (file)
--- a/scss/_badge.scss
+++ b/scss/_badge.scss
@@ -14,6 +14,12 @@
   vertical-align: baseline;
   @include border-radius($badge-border-radius);
 
+  &[href] {
+    @include hover-focus {
+      text-decoration: none;
+    }
+  }
+
   // Empty badges collapse automatically
   &:empty {
     display: none;

diff --git a/scss/mixins/_badge.scss b/scss/mixins/_badge.scss
index eeca0b40de92773d3925c557edb2c6642ff37645..535bcb4cc3686be6168e27231783f98f5d324848 100644 (file)
--- a/scss/mixins/_badge.scss
+++ b/scss/mixins/_badge.scss
@@ -5,7 +5,6 @@
   &[href] {
     @include hover-focus {
       color: color-yiq($bg);
-      text-decoration: none;
       background-color: darken($bg, 10%);
     }
   }