add support for CSS

2025-05-23 22:58:41 +01:00
parent 279f717973
commit d95e013301
2 changed files with 28 additions and 5 deletions
--- a/door-status.css
+++ b/door-status.css
@@ -0,0 +1,15 @@
+/* door-status.css */
+.door-status-indicator        { display:inline-flex; align-items:center; font-size:1.1em; line-height:1; }
+.door-status-indicator.open   { color:#28a745; }   /* green  */
+.door-status-indicator.closed { color:#dc3545; }   /* red    */
+
+/* optional embellishments */
+.door-status-indicator.open::before,
+.door-status-indicator.closed::before {
+    content:"";
+    display:inline-block;
+    width:.6em; height:.6em;
+    border-radius:50%;
+    margin-right:.35em;
+    background:currentColor;
+}