fix(skip-link): give the skip link a more modern styling (#5371)

Fixes #5356
canonical · Oct 10, 2024 · e964254 · e964254
1 parent 48d3fc7
commit e964254
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/scss/_patterns_links.scss b/scss/_patterns_links.scss
@@ -34,6 +34,7 @@
   }
 
   .p-link--skip {
+    background: $colors--theme--background-alt;
     color: $colors--theme--link-default;
     display: block;
     left: -999px;
@@ -43,10 +44,10 @@
     &:focus {
       @include vf-focus-themed;
 
-      left: 0;
-      padding: $spv--x-small;
-      position: relative;
-      top: 0;
+      left: $sph--small;
+      padding: $spv--large $sph--large;
+      position: fixed;
+      top: $spv--small;
       z-index: 999999;
     }
   }