fix: active states and focus states of inline and standalone links (#…

…15846) * fix: active states and focus states of inline and standalone links * fix: added focus outline in active states
carbon-design-system · Mar 1, 2024 · 17b30f7 · 17b30f7
1 parent 77fdcf8
commit 17b30f7
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/packages/styles/scss/components/link/_link.scss b/packages/styles/scss/components/link/_link.scss
@@ -46,14 +46,18 @@ $link-focus-text-color: custom-property.get-var(
     &:active,
     &:active:visited,
     &:active:visited:hover {
+      @include focus-outline;
+
       color: $text-primary;
+      outline-color: $link-focus-text-color;
       text-decoration: underline;
     }
 
     &:focus {
       @include focus-outline;
 
       outline-color: $link-focus-text-color;
+      text-decoration: underline;
     }
 
     &:visited {
@@ -87,11 +91,6 @@ $link-focus-text-color: custom-property.get-var(
   .#{$prefix}--link.#{$prefix}--link--inline {
     display: inline;
     text-decoration: underline;
-
-    &:focus,
-    &:visited {
-      text-decoration: none;
-    }
   }
 
   .#{$prefix}--link--disabled.#{$prefix}--link--inline {