Deploying to gh-pages from @ 3691ef7 🚀

Basalt-Team · Jul 29, 2023 · 5cfcbbf · 5cfcbbf
1 parent 2fee4cb
commit 5cfcbbf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/basalt-bedrock-min.css b/basalt-bedrock-min.css
diff --git a/basalt-bedrock.css b/basalt-bedrock.css
@@ -934,12 +934,14 @@ button:-moz-focusring,
 #top-bar div[class*='top-bar'] ul li ul {
 	visibility: visible;
 	pointer-events: none;
+	opacity: 0;
 	width: max-content;
 	min-width: 100%;
 	display: flex;
 	flex-direction: column;
 	border: none;
 	contain: layout;
+	transition: opacity var(--header-link-transition-2nd);
 }
 
 #top-bar div.mobile-top-bar ul li ul {
@@ -953,6 +955,8 @@ button:-moz-focusring,
 #top-bar div[class*='top-bar'] > ul > li:focus-within > ul,
 #top-bar div[class*='top-bar'] > ul > li > ul:focus-within {
 	pointer-events: auto;
+	opacity: 1;
+    transition: opacity var(--header-link-transition-1st);
 }
 
 #top-bar div[class*='top-bar'] > ul > li > ul::before {
@@ -995,8 +999,7 @@ button:-moz-focusring,
 	box-shadow: inset 0 .05rem 0 rgb(var(--general-border-color));
 	-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
 	backdrop-filter: blur(var(--basalt-UI-blur));
-	clip-path: inset(0 100% 0 0);
-	transition: color var(--header-link-transition-2nd), clip-path var(--header-link-transition-1st);
+	transition: color var(--header-link-transition-2nd);
 	display: flex;
 	align-items: center;
 	position: relative;
@@ -1013,8 +1016,7 @@ button:-moz-focusring,
 
 #top-bar div[class*='top-bar'] ul > li:is(:hover,:focus-within) > ul > li > a,
 #top-bar div[class*='top-bar'] ul > li > ul:is(:hover,:focus-within) > li > a {
-	clip-path: inset(0);
-	transition: color var(--header-link-transition-1st), clip-path var(--header-link-transition-2nd);
+	transition: color var(--header-link-transition-1st);
 }
 
 #top-bar div[class*='top-bar'] ul li ul li a:is(:hover, :focus),