mirrors/thebadspace
1
0
Fork 0
mirror of https://koodu.h-i.works/projects/thebadspace synced 2025-06-25 16:04:37 -05:00
Code Packages Releases Activity

feat: move/refactor navigation

Browse Source 
moves the navigation code into its own component. this also refactors it into a list, this is generally helpful for AT as those can now announce the number of links. another thing is that the open button is moved into the <nav>-element. this makes it so that if someone were to navigate to the <nav>-element they’d be able open the menu from there.
This commit is contained in:
Zoë
2025-05-02 00:21:42 +02:00
parent d310cf4fb9
commit b921134002
4 changed files with 91 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
public/assets/css/global/frame.css
View File

@ -75,11 +75,6 @@ header > div i {
font-size: 1.3em;
}
header > div nav {
background: var(--black);
position: relative;
}
.header-right {
text-align: right;
}
@ -119,10 +114,23 @@ textarea[name="appeal_description"] {
background: var(--black);
z-index: 1;
display: flex;
/* flex-direction: column; */
align-items: center;
justify-content: center;
}
.main-nav-content {
display: flex;
flex-direction: column;
align-items: end;
}
.main-nav-list {
margin-block: 0;
padding-inline: 0;
list-style: none;
}
label[for="element-toggle"] {
cursor: pointer;
}
@ -135,13 +143,18 @@ label[for="element-toggle"] {
display: none;
}
a.nav-links {
#main-nav a {
border-bottom: none;
font-size: 40px;
line-height: 1.25;
color: var(--highlight);
text-decoration: none;
}
#main-nav a:hover {
color: var(--white);
}
/* GLOBALS */
a:hover {