frog-collective/frog-website
frog-collective
/
frog-website
5
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

feat: add box-shadow on menu

This commit is contained in:
Corentin 2024-05-21 09:19:16 +02:00
parent 3f602ecc34
commit e830a247b5
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/css/variables.scss
View File

@ -21,5 +21,7 @@ $mobile-breakpoint: "max-width: 768px";
--fz-2: 2rem; --fz-2: 2rem;
--fz-3: 1.5rem; --fz-3: 1.5rem;
--fz-4: 1.125rem; --fz-4: 1.125rem;
--box-shadow: 0px 5px 5px 0px rgba(22,22,22,0.5);
} }

6
src/lib/nav.scss
View File

@ -9,7 +9,8 @@
&--title { &--title {
grid-area: 1 / 1 / 3 / 2; grid-area: 1 / 1 / 3 / 2;
background: var(--background); background: var(--background);
padding-top: var(--space-small); padding: var(--space-small);
box-shadow: var(--box-shadow);
} }
&--content { &--content {
@ -26,6 +27,9 @@
background: var(--background); background: var(--background);
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
box-shadow: var(--box-shadow);
/* make the nav background full page width */ /* make the nav background full page width */
margin: 0 -50vw; margin: 0 -50vw;
padding: 0 50vw; padding: 0 50vw;