fix: hover text decoration of icon with link (#1976)

* fix: hover text decoration of icon with link * fix: tsts * fix: use mxiin
SAP · Dec 29, 2020 · a70dc12 · a70dc12
1 parent d2b0b58
commit a70dc12
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/link.scss b/src/link.scss
@@ -9,4 +9,11 @@ $block: #{$fd-namespace}-link;
 .#{$block} {
   @include fd-reset();
   @include fd-link();
+
+  &:hover {
+    @include fd-icon-selector() {
+      text-decoration: underline;
+      color: var(--sapLink_Hover_Color);
+    }
+  }
 }
diff --git a/stories/link/link.stories.js b/stories/link/link.stories.js
@@ -21,7 +21,7 @@ Use a meaningful link text that indicates what will happen when the user interac
 Avoid texts such as *Click Here* or *Link*, as these do not make it clear to the user what the purpose of the link is.
 `,
         tags: ['f3', 'a11y', 'theme'],
-        components: ['link']
+        components: ['icon', 'link']
     }
 };