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

600px mobile, Clean up current media queries, introduce intermediary device layout.

Browse Source
This commit is contained in:
Cutieguwu
2025-08-23 19:50:16 -04:00
parent 30938fe9d1
commit d02026bd55
14 changed files with 40 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/partials/_a_pane.scss
View File

@@ -6,16 +6,18 @@
margin: var(--spacing-large);
}
@media (max-width: 500px) {
@media (max-width: 600px) {
.pane {
width: calc((50% - var(--spacing-small)) * 2);
}
}
nav.pane,
.pane.spacer {
gap: var(--spacing-medium);
@media (min-width: 601px) {
nav.pane,
.pane.spacer {
gap: var(--spacing-medium);
position: sticky;
top: var(--spacing-large);
position: sticky;
top: var(--spacing-large);
}
}