@import url("/assets/md.css")fix: active: is also cute

@import url("/assets/md.css")

2 files changed, 3 insertions, 5 deletions

diff --git a/src/app.css b/src/app.css
index 679174a..99fb8c1 100644
--- a/src/app.css
+++ b/src/app.css
@@ -64,7 +64,7 @@
   }
 }
 @utility quicklink {
-  @apply text-accent-primary transition-all afterunderline-accent-primary hover:afterunderline-hoverstate hover:text-white;
+  @apply text-accent-primary transition-all afterunderline-accent-primary hover:afterunderline-hoverstate active:afterunderline-hoverstate hover:text-white active:text-white;
 }
 
 @utility internal-header-active {
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 627b55c..673a371 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -22,15 +22,13 @@
                 id: post.metadata.id.toString(),
                 slug: post.metadata.slug,
               })}
-              class="text-red-400 transition-all afterunderline-red-400 hover:afterunderline-hoverstate hover:text-white"
-              >link</a
+              class="quicklink">link</a
             >
             <a
               href={resolve('/blog/[id=int]', {
                 id: post.metadata.id.toString(),
               })}
-              class="text-red-400 transition-all afterunderline-red-400 hover:afterunderline-hoverstate hover:text-white"
-              >short</a
+              class="quicklink">short</a
             >
           </div>
           <div class="flex flex-col">