fix: decrease link selectors specificity (#3339)

vaadin · Jan 25, 2022 · c672c6e · c672c6e
1 parent 18568d1
commit c672c6e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/vaadin-lumo-styles/color.js b/packages/vaadin-lumo-styles/color.js
@@ -174,9 +174,10 @@ const color = css`
     color: var(--lumo-header-text-color);
   }
 
-  a:any-link {
+  a:where(:any-link) {
     color: var(--lumo-primary-text-color);
   }
+
   a:not(:any-link) {
     color: var(--lumo-disabled-text-color);
   }

diff --git a/packages/vaadin-lumo-styles/typography.js b/packages/vaadin-lumo-styles/typography.js
@@ -103,7 +103,7 @@ const typography = css`
     text-decoration: none;
   }
 
-  a:any-link:hover {
+  a:where(:any-link):hover {
     text-decoration: underline;
   }