From: Ardis Lu <ardisglu@gmail.com>
Date: Thu, 3 Nov 2022 06:13:27 +0000 (-0700)
Subject: Style anchor text links
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=6dc4013c74efae2d1e33154c6283a4fa71e77e6a;p=alu.bz

Style anchor text links
---

diff --git a/style.css b/style.css
index 960ac42..637387e 100644
--- a/style.css
+++ b/style.css
@@ -5,6 +5,8 @@
   --primary-strongest: hsl(212deg 80% 50%);
   --primary-transparent: hsl(212deg 80% 30% / 0.5);
   --primary-complement: hsl(211deg 15% 33%);
+  --secondary: hsl(30deg 80% 50%);
+  --secondary-transparent: hsl(30deg 80% 80% / 0.5);
   --text-color: hsl(212deg 50% 98%);
   --text-background: hsl(211deg 15% 60%);
 }
@@ -67,6 +69,18 @@ a {
   cursor: pointer;
 }
 
+a {
+  text-decoration: none;
+  color: var(--secondary);
+  font-weight: 700;
+  transition: filter 900ms;
+}
+
+:is(a:hover, a:focus):not(:has(svg)) {
+  filter: brightness(115%) drop-shadow(0 0 8px var(--secondary-transparent));
+  transition: filter 200ms;
+}
+
 button>svg,
 a>svg {
   width: 24px;