mrhavens/thefoldwithin-earth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Update styles.css

Browse source
This commit is contained in:
Mark Randall Havens △ The Empathic Technologist ⟁ Doctor Who 42 2025-11-09 00:10:12 -06:00 • committed by GitHub
parent ec5026e410
commit 033d761f5c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
public/styles.css
View file

@ -48,7 +48,7 @@ html, body {
text-shadow: 0 0 8px var(--accent); text-shadow: 0 0 8px var(--accent);
} }
/* HORIZON LAYER: Emergent Sub-Navigation */ /* NESTED HORIZON: Emergent Sub-Navigation with Animation */
.sub-nav { .sub-nav {
display: none; display: none;
position: fixed; position: fixed;
@ -64,12 +64,20 @@ html, body {
z-index: 950; z-index: 950;
align-items: center; align-items: center;
opacity: 0; opacity: 0;
transition: opacity var(--transition); transform: translateY(-5px);
transition: opacity var(--transition), transform var(--transition);
} }
.sub-nav.visible { .sub-nav.visible {
display: flex; display: flex;
opacity: 1; opacity: 1;
transform: translateY(0);
animation: fadeSlideDown .3s ease forwards;
}
@keyframes fadeSlideDown {
from { opacity: 0; transform: translateY(-5px); }
to { opacity: 1; transform: translateY(0); }
} }
.sub-nav a { .sub-nav a {