OEL-3404: Badges focus state.

[skip chromatic]
openeuropa · Oct 24, 2024 · 1d2e455 · 1d2e455
1 parent a16de8d
commit 1d2e455
Showing 1 changed file with 3 additions and 24 deletions.
diff --git a/src/themes/default/src/scss/_badge.scss b/src/themes/default/src/scss/_badge.scss
@@ -15,8 +15,9 @@
 
 a.badge {
   text-decoration: none;
-  &:focus-visible {
-    outline: none;
+  &:focus {
+    outline: 2px solid $white;
+    outline-offset: -3px;
   }
 }
 
@@ -63,27 +64,5 @@ a.badge {
         background-color: shade-color($value, 15%) !important;
       }
     }
-    &.text-bg-#{$color} {
-      &:focus {
-        @if $enable-shadows {
-          @include box-shadow(
-            $btn-box-shadow,
-            0 0 0 $btn-focus-width
-              rgba(mix(color-contrast($value), $value, 15%), 0.5)
-          );
-        } @else {
-          box-shadow: 0
-            0
-            0
-            $btn-focus-width
-            rgba(mix(color-contrast($value), $value, 15%), 0.5);
-        }
-      }
-    }
-    &.badge-outline-#{$color} {
-      &:focus {
-        box-shadow: 0 0 0 $btn-focus-width rgba($value, 0.5);
-      }
-    }
   }
 }