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 @@
colour - closed -
€60 + closed +
$60
flat - closed + closed
- €45 + $45
sketch - soon! + soon!
- €25 + $25
diff --git a/index.css b/index.css index fa96223..a35fa77 100644 --- a/index.css +++ b/index.css @@ -90,7 +90,7 @@ h1, h2 { --around-image: url(media/sparkles.svg); } #links ul { display: grid; grid-column-gap: 1em; - grid-template-columns: repeat(auto-fit, minmax(4.5em, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr)); max-width: 85%; margin: auto; diff --git a/index.html b/index.html index 6d80dc1..c8aa1f6 100644 --- a/index.html +++ b/index.html @@ -44,6 +44,12 @@ art +
  • + + + comms + +
  • diff --git a/where.html b/where.html index df4b4f3..c21de55 100644 --- a/where.html +++ b/where.html @@ -100,6 +100,7 @@
    deviantart
    2gecs
    tumblr
    2gecsart
    ko-fi
    nissss +
    art fight
    nissss