From 93238b11930e25ae835f56e6dfad84bae2f97a6b Mon Sep 17 00:00:00 2001
From: Ariel Costas <94913521+arielcostas@users.noreply.github.com>
Date: Sat, 3 Feb 2024 00:56:09 +0100
Subject: Add transition and max-height to header and nav-socials

---
 assets/css/partials/header.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'assets/css/partials')

diff --git a/assets/css/partials/header.scss b/assets/css/partials/header.scss
index e35d9ec..656a912 100644
--- a/assets/css/partials/header.scss
+++ b/assets/css/partials/header.scss
@@ -40,6 +40,9 @@ header {
 		align-items: flex-start;
 
 		padding-inline-start: 2.5rem;
+
+		transition: max-height 0.2s linear;
+		max-height: 100vh;
 	}
 
 	#nav-socials {
@@ -48,6 +51,9 @@ header {
 		display: flex;
 		gap: 1.5rem;
 
+		transition: max-height 0.2s linear;
+		max-height: 100vh;
+
 		a {
 			font-size: 1.5rem;
 			transition: color 0.2s ease-in-out;
@@ -84,7 +90,8 @@ header {
 
 		#nav-pages,
 		#nav-socials {
-			display: none;
+			max-height: 0;
+			overflow: hidden;
 		}
 	}
 }
-- 
cgit v1.3