feat(listitem): support [color] and [ink]

clshortfuse · Jul 9, 2024 · faed7bc · faed7bc
1 parent 6030077
commit faed7bc
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/components/ListItem.js b/components/ListItem.js
@@ -127,6 +127,20 @@ export default CustomElement
       text-decoration: none;
     }
 
+    :host(:where([color])) {
+      background-color: rgb(var(--mdw-bg));
+      color: rgb(var(--mdw-ink));
+    }
+
+    :host(:is([color="none"],[color="transparent"])) {
+      background-color: transparent;
+      color: inherit;
+    }
+    
+    :host([ink]) {
+      color: rgb(var(--mdw-ink));
+    }
+
     :host([href]) {
       cursor: pointer;
     }