Cutieguwu/cutieguwu-site
1
0
Fork 0
Code Issues 10 Pull Requests Projects 1 Releases Activity

Tons of changes, all of which I've forgotten. A number of refactors

Browse Source 
exist. Nav menu partly operational on mobile.
This commit is contained in:
Cutieguwu
2025-08-16 15:02:54 -04:00
parent 4bd5c25a72
commit b4906abd19
46 changed files with 318 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/partials/_nav_menu.scss
View File

@@ -2,31 +2,32 @@
@use "nav_title";
.nav_menu {
/*
Remove default padding and style applied to ul for bullets.
*/
grid-area: menu;
// Remove default padding and style applied to ul for bullets.
padding: 0;
list-style: none;
display: grid;
grid-auto-flow: row;
gap: var(--spacing-menu-gap);
gap: var(--spacing-medium);
align-self: center;
margin: 0;
hr {
border-color: var(--accent-pink);
margin: 0 var(--spacing-horizontal);
margin: 0 var(--spacing-small);
}
}
.nav_item {
/*
Need to force inheritence, otherwise <a> would require overrides for all color states from base styling for element.
*/
// Need to force inheritence, otherwise <a> would require
// overrides for all color states from base styling for element.
color: inherit;
text-decoration: none;
padding: 0 var(--spacing-small);
background-color: var(--background-2);
border-radius: var(--border-radius-small);
transition: var(--transition-fade);
@@ -43,3 +44,15 @@
transition: var(--transition-cut);
}
}
@media only screen and (max-width: 500px) {
.nav_item {
padding: var(--padding-mobile);
background-color: var(--background-1);
}
.nav_item:hover,
.nav_dropdown:hover .nav_item {
transform: none;
}
}