wip media query rework, sidebar mostly finished, rewritten njk

This commit is contained in:
sundae 2026-04-04 16:50:30 +03:00
commit 790147ea05
Signed by: sundae
SSH key fingerprint: SHA256:MsJkKuo4PUdjQDpLeaURy81drKkW14exlTHp+8QFu6M
33 changed files with 268 additions and 361 deletions

View file

@ -9,7 +9,7 @@
border-color: var(--secondary-300);
background-color: var(--secondary-200);
& #mobile {
& #default {
box-shadow: inset 0 0 0 2px var(--secondary-500);
background-color: var(--secondary-300);
}
@ -73,7 +73,7 @@
span:has(a) {
color: var(--secondary-light-400);
border-color: var(--secondary-600);
background-color: var(--secondary-300);
background-color: color-mix(in lch, var(--secondary-300), transparent);
&:is(:hover, :focus) {
color: var(--secondary-light-500);
border-color: currentColor;
@ -90,14 +90,13 @@
color: inherit;
}
& #mobile > nav,
#floating {
& nav#default,
nav#floating {
background-color: var(--secondary-100);
border-color: var(--secondary);
& section {
background-color: var(--secondary-100);
border-color: var(--secondary);
background-color: var(--secondary-300);
background-color: color-mix(in lch, var(--secondary-300), transparent);
color: var(--secondary-light-300);
& a[aria-current] {
color: var(--secondary-500);
@ -116,7 +115,7 @@
}
&::after,
& #mobile > nav::before {
& nav#default::before {
background-color: var(--secondary);
}
}