diff --git a/comms.css b/comms.css index 8a9206e..d526d76 100644 --- a/comms.css +++ b/comms.css @@ -19,7 +19,7 @@ h1 { position: relative; } -.status { +#examples dt i { display: inline-block; transform: rotate(-8deg); @@ -27,6 +27,7 @@ h1 { padding: 0.25em 0.75em; border-radius: 0.3em; font-size: 1.2rem; + font-style: normal; background: hsl(var(--hue), 80%, 80%); border: 2px solid hsl(var(--hue), 80%, 35%); @@ -40,13 +41,13 @@ h1 { .open { --hue: 110deg; } @media (prefers-color-scheme: dark) { - #status { + #examples dt i { background: hsl(var(--hue), 90%, 30%); border: 2px solid hsl(var(--hue), 80%, 15%); - box-shadow: 0 0 20px 5px hsla(var(--hue), 50%, 95%, 10%); + box-shadow: none; color: white; } - #status.soon { --hue: 50deg; } + .soon { --hue: 50deg; } } #examples, #examples > * { diff --git a/comms.html b/comms.html index aff1c7c..a99162a 100644 --- a/comms.html +++ b/comms.html @@ -22,20 +22,20 @@