fix(scale-link): use currentColor when inside Tooltip (a11y) (#1166)

telekom · Aug 12, 2022 · 8f557e5 · 8f557e5
1 parent 4d45f5b
commit 8f557e5
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/packages/components/src/components/link/link.css b/packages/components/src/components/link/link.css
@@ -46,6 +46,25 @@
   --line-thickness-disabled: var(--line-thickness-initial);
 }
 
+/* Quick fix for inaccessible link color when placed inside a scale-tooltip */
+:host-context(scale-tooltip) {
+  /* initial */
+  --color: currentColor;
+  --color-line-initial: currentColor;
+  /* visited */
+  --color-visited: currentColor;
+  --color-line-visited: currentColor;
+  /* hover */
+  --color-hover: currentColor;
+  --color-line-hover: currentColor;
+  /* focus */
+  --color-focus: currentColor;
+  --color-line-focus: currentColor;
+  /* active */
+  --color-active: currentColor;
+  --color-line-active: currentColor;
+}
+
 :host {
   display: inline;
   margin-bottom: calc(var(--line-offset) + var(--line-thickness-initial));