metatip nits

GoogleChromeLabs · Apr 1, 2024 · 2e7080c · 2e7080c
1 parent 8b56d4d
commit 2e7080c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 8 deletions.
diff --git a/app/components/metatip/metatip.element.css b/app/components/metatip/metatip.element.css
@@ -290,9 +290,11 @@
 :host [contrast] {
   display: grid;
   justify-items: start;
+  gap: .25ch;
 
   & > [value] {
     font-size: 1.5em;
+    line-height: 1;
   }
 }
 
@@ -440,12 +442,6 @@
 }
 
 :host {
-
   & [pass="true"] { color: green; }
   & [pass="false"] { color: red; }
-
-  @media (prefers-color-scheme: dark) {
-    & [pass="true"] { color: hsl(120deg 50% 75%); }
-    & [pass="false"] { color: hsl(0deg 50% 65%); }
-  }
 }
diff --git a/app/components/metatip/metatip.element_dark.css b/app/components/metatip/metatip.element_dark.css
@@ -1,4 +1,4 @@
-:host [score] {
+:host {
   &[pass="true"] { color: hsl(120deg 50% 75%); }
   &[pass="false"] { color: hsl(0deg 50% 65%); }
 }
diff --git a/app/components/metatip/metatip.element_light.css b/app/components/metatip/metatip.element_light.css
@@ -1,4 +1,4 @@
-:host [score] {
+:host {
   &[pass="true"] { color: green; }
   &[pass="false"] { color: red; }
 }