16 lines
514 B
CSS
16 lines
514 B
CSS
/* 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;
|
|
}
|