tanshu/kakawa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Category slider responsive.

Browse Source 
New Typography based on:

https://www.wix.com/studio/blog/font-size
This commit is contained in:
Amritanshu Agrawal
2024-09-30 22:06:25 +05:30
parent 2519b4f740
commit 6ff0623762
12 changed files with 116 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/navbar.module.css
View File

@ -11,6 +11,8 @@
z-index: 1000;
background: hsl(0 0% 100% / .2);
backdrop-filter: blur(1rem);
font-size: 2rem;
line-height: 2.8rem;
}
@ -21,14 +23,14 @@
bottom: 0;
transform: translateX(-100%);
transition: transform 350ms ease-out;
padding: min(30vh, 10rem) 2em;
padding: min(30vh, 16rem) 2em;
}
.mobileNavToggle {
position: absolute;
display: block;
width: 2rem;
top: 2rem;
left: 2rem;
width: 3.2rem;
top: 3.2rem;
left: 3.2rem;
aspect-ratio: 1;
z-index: 9999;
background-image: url('/icons/menu.svg');
@ -48,14 +50,14 @@
.navBar {
right: 0;
flex-direction: row;
height: 5rem;
border-radius:0 0 0.5rem 0.5rem;
height: 8rem;
border-radius:0 0 0.8rem 0.8rem;
}
}
.navBar > div {
display: flex;
align-items: center;
gap: var(--gap, 2rem);
gap: var(--gap, 3.2rem);
}
/* .navBarInitial {