t

cfpb · Sep 5, 2024 · 2724016 · 2724016
1 parent 7c8c016
commit 2724016
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/packages/cfpb-design-system/src/components/cfpb-forms/tag.scss b/packages/cfpb-design-system/src/components/cfpb-forms/tag.scss
@@ -85,7 +85,7 @@ a.a-tag-filter {
   .a-tag-topic:focus,
   .a-tag-topic:active {
     border-bottom: none;
-    outline-offset: 2px;
+    outline-offset: 1px;
 
     .a-tag-topic__text {
       // Move the underline down 1px.

diff --git a/packages/cfpb-design-system/src/components/cfpb-typography/mixins.scss b/packages/cfpb-design-system/src/components/cfpb-typography/mixins.scss
@@ -6,17 +6,6 @@
 // Jump link
 //
 
-// Create a horizontal bar. Intended for placement in ::before or ::after.
-@mixin u-horizontal-bar-above() {
-  position: absolute;
-  top: -1px;
-  content: '';
-  display: block;
-  height: 1px;
-  width: 100%;
-  border-top: 1px solid currentcolor;
-}
-
 @mixin u-jump-link($is-gold: false, $jump-link-text-class: 'a-link__text') {
   @if $is-gold {
     font-size: math.div(12px, $base-font-size-px) + rem;
@@ -96,7 +85,13 @@
 
       .#{$jump-link-class}:hover::before,
       .#{$jump-link-class}:focus::before {
-        @include u-horizontal-bar-above();
+        position: absolute;
+        top: -1px;
+        content: '';
+        display: block;
+        height: 1px;
+        width: 100%;
+        border-top: 1px solid currentcolor;
       }
     }
   }