From a758d4dd0e6932170c325f3b047b1e22a4093260 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Thu, 24 Aug 2023 09:19:16 +0100
Subject: Replaces px units with relative eighth rem units

---
 public/css/modules/link.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'public/css/modules/link.css')

diff --git a/public/css/modules/link.css b/public/css/modules/link.css
index 71dd753..4bf2fc7 100644
--- a/public/css/modules/link.css
+++ b/public/css/modules/link.css
@@ -2,10 +2,10 @@
   color: var(--special-text-color);
   text-decoration-line: underline;
   text-decoration-color: var(--special-text-color);
-  text-decoration-thickness: 2px;
-  text-underline-offset: 2px;
-  border: dotted transparent 2px;
-  border-radius: 0.375rem;
+  text-decoration-thickness: var(--relative-eighth-rem);
+  text-underline-offset: var(--relative-eighth-rem);
+  border: dotted transparent var(--relative-eighth-rem);
+  border-radius: calc(3 * var(--relative-eighth-rem));
   transition:
     color 100ms,
     text-decoration-color 100ms,
@@ -19,8 +19,8 @@
 .link:is(:hover, :focus, :focus-visible, :focus-within),
 .group-hover:is(:hover, :focus, :focus-visible, :focus-within) .link {
   text-decoration-color: currentColor;
-  text-decoration-thickness: 8px;
-  text-underline-offset: 4px;
+  text-decoration-thickness: calc(4 * var(--relative-eighth-rem));
+  text-underline-offset: calc(3 * var(--relative-eighth-rem));
   font-weight: 700;
   transition:
     color 300ms,
-- 
cgit v1.2.3