From 7a2f47708edc160144d65046addae5cdd5d7ae59 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Tue, 16 Mar 2021 13:57:32 +0100
Subject: [PATCH] =?UTF-8?q?Animace=20pro=20rozbalov=C3=A1n=C3=AD=20polo?=
 =?UTF-8?q?=C5=BEek=20v=20navigaci?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/main.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/sass/main.scss b/sass/main.scss
index 16d1da4..e3765cc 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -57,10 +57,15 @@ header {
 
 			a { padding: .9rem }
 			li:hover { color: var(--color) }
-			li:hover div { display: grid }
 
+			li:hover>div {
+				visibility: visible;
+				transform: translate(0);
+				opacity: 1;
+				transition: all .1s ease-out;
+			}
 			li>div {
-				display: none;
+				display: grid;
 				position: absolute;
 				grid-template-columns: 1fr 1fr;
 				column-gap: 1em;
@@ -75,6 +80,9 @@ header {
 				font-size: 1rem;
 				font-weight: normal;
 				color: #2E3440;
+				visibility: hidden;
+				transform: translate(0, -1em);
+				opacity: 0;
 
 				.title {
 					margin-bottom: 1em;