From 82a3e6c0ed08f79c2eb0d85d3797c1c02ff7200a Mon Sep 17 00:00:00 2001
From: David Lapshin <ddaudix@gmail.com>
Date: Mon, 27 May 2024 01:57:34 +0300
Subject: [PATCH] Pill-shape when active

More, mooooore details that no one will notice
---
 sass/_nav.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/sass/_nav.scss b/sass/_nav.scss
index a2876f4..9c24548 100644
--- a/sass/_nav.scss
+++ b/sass/_nav.scss
@@ -58,6 +58,10 @@
 					border-bottom: 0.25rem solid var(--primary-color);
 				}
 
+				&:active::before {
+					border-radius: 0.25rem;
+				}
+
 				&::before {
 					display: block;
 					position: absolute;
@@ -65,7 +69,7 @@
 					right: 1.5rem;
 					left: 1.5rem;
 					transition-duration: var(--transition);
-					transition-property: right, left, border-bottom;
+					transition-property: right, left, border-bottom, border-radius;
 					border-bottom: 0.25rem solid var(--fg-muted-2);
 					border-radius: 0 0 0.25rem 0.25rem;
 					content: "";