TMS-1164: Remove pill hover styles

Author: eebbi

assets/styles/ui-components/_pill.scss

@@ -43,10 +43,13 @@ $pill-hover-shadow-color: rgba(0, 0, 0, .15) !default;
     border-radius: $pill-border-radius;
 
     &:not(span) {
-        &.is-active,
+        &.is-active {
+            text-decoration: none;
+        }
+
         &:focus,
         &:hover {
-            text-decoration: underline;
+            text-decoration: underline !important;
         }
 
         &:focus,
@@ -55,21 +58,14 @@ $pill-hover-shadow-color: rgba(0, 0, 0, .15) !default;
         }
 
         &:hover {
-            color: $pill-color-hover;
-            background-color: $pill-background-color-hover;
-            border-color: $pill-border-color-hover;
+            color: $pill-color;
             box-shadow: $pill-hover-shadow-size $pill-hover-shadow-color;
             transition: box-shadow $pill-transition-easing $pill-transition-speed,
             border-color $pill-transition-easing $pill-transition-speed,
             color $pill-transition-easing $pill-transition-speed,
             background-color $pill-transition-easing $pill-transition-speed;
         }
 
-        &:focus,
-        &:active {
-            background-color: $pill-background-color-focus;
-        }
-
         &:focus {
             outline-width: 2px;
             outline-offset: 2px;
@@ -81,33 +77,11 @@ $pill-hover-shadow-color: rgba(0, 0, 0, .15) !default;
         background-color: $primary;
         border-color: $primary;
 
-        &:not(span) {
-            &:hover,
-            &.is-hovered,
-            &:focus,
-            &.is-focused {
-                color: $primary-invert;
-                background-color: bulmaDarken($primary, 2.5%);
-                border-color: transparent;
-            }
-        }
-
         &-invert,
         &.is-inverted {
             color: $primary;
             background-color: $primary-invert;
             border-color: $primary;
-
-            &:not(span) {
-                &:hover,
-                &.is-hovered,
-                &:focus,
-                &.is-focused {
-                    color: $primary;
-                    background-color: $primary-invert;
-                    border-color: $primary;
-                }
-            }
         }
     }
 
@@ -118,33 +92,11 @@ $pill-hover-shadow-color: rgba(0, 0, 0, .15) !default;
     &.is-active {
         color: $pill-color-active;
         background-color: $pill-background-active;
-
-        &:not(span) {
-            &:hover,
-            &:focus {
-                color: $pill-color-active-hover !important;
-                background-color: $pill-background-active-focus;
-            }
-        }
     }
 
     &.is-outlined {
         color: $pill-outlined-color;
         background-color: $pill-outlined-background-color;
         border-color: $pill-outlined-border-color;
-
-        &:not(span) {
-            &:hover {
-                color: $pill-outlined-color-hover;
-                background-color: $pill-outlined-background-color-hover;
-                border-color: $pill-outlined-border-color-hover;
-            }
-
-            &:focus,
-            &:active {
-                background-color: $pill-outlined-background-color-focus;
-                border-color: $pill-outlined-border-color-focus;
-            }
-        }
     }
 }