degmods/degmods.com
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/styles/nav.module.scss
Some checks failed
Release to Staging / build_and_release (push) Failing after 21s
Details

Browse Source
This commit is contained in:
freakoverse 2024-08-26 08:06:25 +00:00
parent 9a1cc39027
commit 8bd4373546
1 changed files with 63 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
src/styles/nav.module.scss
View File

@ -255,27 +255,76 @@
white-space: nowrap; white-space: nowrap;
overflow-x: auto; overflow-x: auto;
.NavMainBottomInsideLink { .NavMainBottomInsideLinks {
transition: ease 0.4s; display: flex;
text-decoration: unset; flex-direction: row;
color: rgba(255, 255, 255, 0.5); grid-gap: 10px;
font-weight: bold; justify-content: center;
padding: 5px 15px; align-items: center;
&:hover { .NavMainBottomInsideLink {
transition: ease 0.4s; transition: ease 0.4s;
color: rgba(255, 255, 255, 0.85);
text-decoration: unset; text-decoration: unset;
color: rgba(255, 255, 255, 0.5);
font-weight: bold;
padding: 5px 15px;
&:hover {
transition: ease 0.4s;
color: rgba(255, 255, 255, 0.85);
text-decoration: unset;
}
&.NMBILActive {
color: rgba(255, 255, 255, 0.65);
}
} }
&.NMBILActive { @media (max-width: 768px) {
color: rgba(255, 255, 255, 0.65); display: flex;
} justify-content: start;
}
} }
@media (max-width: 768px) { .NavMainBottomInsideOther {
display: flex;
lex-direction: row;
grid-gap: 10px;
height: 100%;
justify-content: end;
.NavMainBottomInsideOtherLink {
transition: ease 0.4s;
width: 35px;
display: flex; display: flex;
justify-content: start; flex-direction: column;
justify-content: center;
align-items: center;
height: 35px;
color: white;
opacity: 0.65;
border-radius: 5px;
background: rgba(255,255,255,0);
&:hover {
transition: ease 0.4s;
color: white;
opacity: 0.85;
background: rgba(255,255,255,0.1);
} }
}
.NavMainBottomInsideOtherLeft {
@media (max-width: 768px) {
display: none;
}
}
.NavMainBottomInsideOtherRight {
}
}
} }
} }