fix: focus outline

sbb-design-systems · Aug 29, 2023 · 1678e16 · 1678e16
1 parent 3c8fa2e
commit 1678e16
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/storybook/pages/search-overlay/search-overlay.scss b/src/storybook/pages/search-overlay/search-overlay.scss
@@ -47,9 +47,15 @@ $timetable-margin-block: 7vh;
   align-items: center;
   gap: var(--sbb-spacing-fixed-4x);
   padding-block: var(--sbb-spacing-fixed-3x);
-  border-bottom: 1px solid var(--sbb-color-charcoal-default);
+  border-bottom: var(--sbb-border-width-1x) solid var(--sbb-color-charcoal-default);
   text-decoration: none;
 
+  &:focus-visible {
+    @include sbb.focus-outline;
+
+    border-radius: var(--sbb-border-radius-2x);
+  }
+
   .subtitle {
     @include sbb.text-xs--regular;
 
@@ -71,6 +77,12 @@ $timetable-margin-block: 7vh;
   padding-block: var(--sbb-spacing-fixed-3x);
   text-decoration: none;
   color: var(--sbb-color-white-default);
+
+  &:focus-visible {
+    @include sbb.focus-outline;
+
+    border-radius: var(--sbb-border-radius-2x);
+  }
 }
 
 .show-more {