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

44
src/partials/_nav_quick_links.scss
View File

@@ -1,12 +1,10 @@
.pane_nav .quick_links {
grid-area: quick_links;
--item-padding: 0.25rem;
justify-content: space-between;
/*
To colour the icons, apply inline styling.
*/
a {
background-color: var(--background-2);
@@ -25,18 +23,16 @@
.phantom {
width: calc(var(--item-size) + calc(var(--item-padding) * 2));
/*
Fake hiding the element.
Due to how flexboxes function, settings `display: none`
will result in the box just scaling as if the element
never existed.
phantom needs to sit beside a element in hierarchy, otherwise
phantom will inherit from a like this:
.pane_nav > .quick_links > a > .phantom
*/
// Fake hiding the element.
//
// Due to how flexboxes function, settings `display: none`
// will result in the box just scaling as if the element
// never existed.
//
// phantom needs to sit beside a element in hierarchy,
// otherwise phantom will inherit from <a> like this:
//
// .pane_nav > .quick_links > a > .phantom
background-color: inherit;
}
}
@@ -60,3 +56,19 @@
.rss {
color: var(--accent-orange);
}
@media only screen and (max-width: 500px) {
.pane_nav .quick_links {
margin-bottom: var(--spacing-small);
--item-padding: var(--padding-mobile);
> a {
background-color: var(--background-1);
}
> .phantom {
background-color: inherit;
}
}
}