feat!: change anchors styles to only apply to anchors with href (#3204)

vaadin · Dec 29, 2021 · 61d7eff · 61d7eff
1 parent 7794f26
commit 61d7eff
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/vaadin-lumo-styles/color.js b/packages/vaadin-lumo-styles/color.js
@@ -174,9 +174,12 @@ const color = css`
     color: var(--lumo-header-text-color);
   }
 
-  a {
+  a:any-link {
     color: var(--lumo-primary-text-color);
   }
+  a:not(:any-link) {
+    color: var(--lumo-disabled-text-color);
+  }
 
   blockquote {
     color: var(--lumo-secondary-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:hover {
+  a:any-link:hover {
     text-decoration: underline;
   }