SebinNyshkim/character-ref
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 💄 add shadows to navigation

Browse source
This commit is contained in:
Sebin Nyshkim 2025-07-14 23:49:53 +02:00
parent 875f8b0f0e
commit 90e5ca2bcd
Signed by: SebinNyshkim
SSH key fingerprint: SHA256:LG1WHMySL/4iW/Yci+0eHgbf0te5beRiLlmyoY8E5D0
1 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/navigation.webc
View file

@ -26,6 +26,7 @@
--nav-spacing: 1em; --nav-spacing: 1em;
--nav-background-color: var(--clr-nav-background); --nav-background-color: var(--clr-nav-background);
--nav-border: var(--border-thin) solid var(--clr-box-border); --nav-border: var(--border-thin) solid var(--clr-box-border);
--box-shadow: 0.125em 0.125em 0.75em 0.25em var(--clr-box-shadow);
position: sticky; position: sticky;
inset: 0.5em; inset: 0.5em;
@ -34,6 +35,7 @@
justify-items: end; justify-items: end;
background-color: var(--nav-background-color); background-color: var(--nav-background-color);
box-shadow: var(--box-shadow);
margin-block: 0.5em 0; margin-block: 0.5em 0;
margin-inline: 0.5em; margin-inline: 0.5em;
@ -46,6 +48,7 @@
--nav-spacing: 1.5em; --nav-spacing: 1.5em;
--nav-background-color: transparent; --nav-background-color: transparent;
--nav-border: none; --nav-border: none;
box-shadow: none;
} }
@media (min-width: 64em) { @media (min-width: 64em) {
@ -94,6 +97,7 @@
list-style: none; list-style: none;
background-color: var(--clr-nav-background); background-color: var(--clr-nav-background);
box-shadow: var(--box-shadow);
margin: 0; margin: 0;
border-block-start: none; border-block-start: none;