Aydogdy
/
hhm-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nav responsive styling

This commit is contained in:
VividTruthKeeper 2023-02-16 14:55:12 +05:00
parent 90ec8e2314
commit d43cc28698
1 changed files with 29 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/styles/_nav.scss
View File

@ -162,36 +162,42 @@
// Media
@media screen and (max-width: 850px) {
.nav-burger {
display: block;
width: 3rem;
height: 3rem;
// .nav-burger {
// display: block;
// width: 3rem;
// height: 3rem;
.line {
position: absolute;
width: 100%;
border-radius: 1rem;
background: $black;
height: 0.33rem;
// .line {
// position: absolute;
// width: 100%;
// border-radius: 1rem;
// background: $black;
// height: 0.33rem;
&-1 {
top: 15%;
}
&-2 {
top: 50%;
transform: translateY(-50%);
}
&-3 {
top: 75%;
}
}
}
.nav-left,
// &-1 {
// top: 15%;
// }
// &-2 {
// top: 50%;
// transform: translateY(-50%);
// }
// &-3 {
// top: 75%;
// }
// }
// }
.search,
.nav-right {
display: none;
}
.nav-left {
padding-right: 0;
}
.nav-inner {
display: flex;
flex-direction: row-reverse;
gap: 1.6rem;
justify-content: space-between;
padding: 2.4rem 0;