styling

Author: martrapp

src/components/WebRing.astro

@@ -42,8 +42,8 @@ import WebringBadge from "astro-webrings/badge";
     justify-content: center;
     margin-bottom: 3rem;
     max-width: fit-content;
-    margin-inline:auto;
-    
+    margin-inline: auto;
+
     border: 1px #888 dotted;
     border-radius: 8px;
     padding-top: 1rem;
@@ -56,8 +56,13 @@ import WebringBadge from "astro-webrings/badge";
       transition: color 0.2s ease-in-out;
       line-height: 2;
       padding-bottom: 0.25rem;
+      span {
+        text-decoration: dotted underline;
+      }
+      &:hover {
+        color: light-dark(#000, #fff);
+      }
     }
-
   }
 </style>
 <div id="cssjoy">
@@ -73,10 +78,12 @@ import WebringBadge from "astro-webrings/badge";
   >
 </div>
 <div id="foh">
-  <a href="https://astro-webrings.lou.gg/prev?site=vtbag.dev&ring=friends-of-houston"
+  <a
+    href="https://astro-webrings.lou.gg/prev?site=vtbag.dev&ring=friends-of-houston"
     >&lt;<span>Prev</span></a
   ><WebringBadge site="vtbag.dev" ring="friends-of-houston" />
-  <a href="https://astro-webrings.lou.gg/next?site=vtbag.dev&ring=friends-of-houston"
+  <a
+    href="https://astro-webrings.lou.gg/next?site=vtbag.dev&ring=friends-of-houston"
     ><span>Next</span>&gt;</a
   >
 </div>