Include underline on most links

Comet-Robotics · Jun 29, 2024 · d9ba100 · d9ba100
1 parent 35ddda5
commit d9ba100
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/pages/links.astro b/src/pages/links.astro
@@ -16,7 +16,7 @@ import { clubEmail, linksPageLinks } from '../data'
       class="links-container"
       style="margin: auto; max-width: 30em; width: 100%; display: flex; flex-direction: column; gap: 2em; padding: 4em 2em;"
     >
-    <a href={`mailto:${clubEmail}`}>
+    <a class="no-decoration" href={`mailto:${clubEmail}`}>
       <div
         style="width: 100%; padding: 20px; border-radius: 25px; border-style: solid; border-color: #380D0D; background-color: #250F0F; color: white;"
       >
@@ -28,10 +28,10 @@ import { clubEmail, linksPageLinks } from '../data'
           {clubEmail}
         </p>
       </div>
-      </a>
+      </a >
       {
         linksPageLinks.map((link) => (
-          <a target="_blank" href={link.href}>
+          <a class="no-decoration" target="_blank" href={link.href}>
             <div style="width: 100%; padding: 20px; border-radius: 25px; border-style: solid; color: white; border-color: white; font-family: 'Unbounded Variable', sans-serif; display: flex; justify-content: space-between;">
               <h2>{link.name}</h2>
               <h2>&rarr;</h2>

diff --git a/src/styles/App.css b/src/styles/App.css
@@ -85,11 +85,8 @@ main {
   border-color: var(--text);
 }
 
-a {
-  text-decoration: none;
-}
 
-a:visited {
+a:visited, a:-any-link {
   color: inherit;
 }
 
@@ -102,4 +99,8 @@ html {
   html {
     font-size: 0.75rem !important;
   }
+}
+
+.no-decoration {
+  text-decoration: none;
 }