From 2ee2806e014876f2ce1ca6e99d1da2a09e850f70 Mon Sep 17 00:00:00 2001
From: Rootiest <chris@rootiest.com>
Date: Fri, 4 Sep 2026 16:49:04 -0400
Subject: [PATCH] fix(docs): make the Gitea icon override actually apply, tune
 GitHub to 1.5x

UnoCSS's .i-pajamas:gitea rule is unlayered CSS; our override lived in
@layer starlight.core, and unlayered rules always beat layered ones
regardless of specificity or source order. The Gitea icon has silently
stayed at UnoCSS's 1em default since it was first added -- confirmed via
computed style in the browser, not just reading the stylesheet source.
!important restores the override across the layer boundary.

Also drops the GitHub icon from 2x to 1.5x per visual feedback.
---
 docs/site/src/components/starlight/SocialIcons.astro | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/docs/site/src/components/starlight/SocialIcons.astro b/docs/site/src/components/starlight/SocialIcons.astro
index 077fb71..8a57237 100644
--- a/docs/site/src/components/starlight/SocialIcons.astro
+++ b/docs/site/src/components/starlight/SocialIcons.astro
@@ -20,7 +20,7 @@ const links = config.social || [];
         return (
           <a href={href} rel="me" class="sl-flex">
             <span class="sr-only">{label}</span>
-            {customIcon ? <span class={`social-icon ${customIcon}`} aria-hidden="true" /> : <Icon name={icon} size="2em" />}
+            {customIcon ? <span class={`social-icon ${customIcon}`} aria-hidden="true" /> : <Icon name={icon} size="1.5em" />}
           </a>
         );
       })}
@@ -39,8 +39,12 @@ const links = config.social || [];
       color: var(--sl-color-white);
     }
     .social-icon {
-      width: 3rem;
-      height: 3rem;
+      /* !important: the i-pajamas:* class comes from UnoCSS, which emits
+         unlayered CSS. Unlayered rules always win over anything in a
+         @layer regardless of specificity or source order, so a plain
+         override here is silently ignored no matter how it's written. */
+      width: 3rem !important;
+      height: 3rem !important;
     }
   }
 </style>