From e39b499844ba4d51370ffcfc36b22e6d81a167e4 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Tue, 18 Jun 2024 04:13:00 +0300
Subject: [PATCH] Less pixels, more REMs

---
 sass/_general.scss    | 4 ++--
 sass/_nav.scss        | 2 +-
 sass/_typography.scss | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/sass/_general.scss b/sass/_general.scss
index b339c8f..36150bc 100644
--- a/sass/_general.scss
+++ b/sass/_general.scss
@@ -60,7 +60,7 @@ body {
 :focus-visible {
 	animation: focus-in var(--transition);
 	outline: 0.125rem solid var(--primary-color);
-	outline-offset: 2px;
+	outline-offset: 0.125rem;
 }
 
 // Fallback for older browsers
@@ -68,7 +68,7 @@ body {
 	:focus {
 		animation: focus-in var(--transition);
 		outline: 0.125rem solid var(--primary-color);
-		outline-offset: 2px;
+		outline-offset: 0.125rem;
 	}
 }
 
diff --git a/sass/_nav.scss b/sass/_nav.scss
index a700a0d..e79293a 100644
--- a/sass/_nav.scss
+++ b/sass/_nav.scss
@@ -6,7 +6,7 @@
 	backdrop-filter: var(--blur);
 	margin: 1rem auto;
 	box-shadow: var(--edge-highlight), 0px 12px 24px -16px rgba(0, 0, 0, 0.5);
-	border-radius: 26px;
+	border-radius: 1.625rem;
 	background-color: var(--nav-bg);
 	max-width: min(var(--container-width), 90%);
 
diff --git a/sass/_typography.scss b/sass/_typography.scss
index 278f8d2..907094f 100644
--- a/sass/_typography.scss
+++ b/sass/_typography.scss
@@ -76,7 +76,7 @@ kbd {
 
 	// Small nice thingy, keys can be pressed!
 	&:active {
-		transform: translateY(2px);
+		transform: translateY(0.125rem);
 		box-shadow: inset 0 1px 0 var(--fg-muted-2);
 		background-color: var(--fg-muted-3);
 	}