From 6dc4013c74efae2d1e33154c6283a4fa71e77e6a Mon Sep 17 00:00:00 2001 From: Ardis Lu Date: Wed, 2 Nov 2022 23:13:27 -0700 Subject: [PATCH] Style anchor text links --- style.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) 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; -- 2.47.3