feat: Even *more* adaptive navbar
Oh and icons can be disabled without the nav turning into shit
This commit is contained in:
@ -11,9 +11,10 @@
|
||||
width: min(calc(var(--content-width) + 10rem), 90%);
|
||||
z-index: 1;
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
@media screen and (max-width: 720px) {
|
||||
& {
|
||||
position: static;
|
||||
width: auto;
|
||||
max-width: min(calc(var(--content-width) + 10rem), 90%);
|
||||
}
|
||||
}
|
||||
|
||||
@ -24,7 +25,7 @@
|
||||
align-items: center;
|
||||
padding: 0.5rem;
|
||||
|
||||
@media screen and (max-width: 630px) {
|
||||
@media screen and (max-width: 720px) {
|
||||
& {
|
||||
justify-content: center;
|
||||
}
|
||||
@ -61,6 +62,24 @@
|
||||
&:active {
|
||||
transform: scale(var(--active));
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
&:has(span) {
|
||||
padding: 0.325rem 0.625rem;
|
||||
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#home {
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
#feed {
|
||||
margin-left: 0.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user