Top nav: mobile edits

This commit is contained in:
mDuo13
2021-06-21 19:04:40 -07:00
parent 6ffc68e4e5
commit 06a6acae49
2 changed files with 15 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@@ -367,24 +367,35 @@
} }
.navbar-toggler { .navbar-toggler {
border: 0; border: 0;
padding: 30px;
font-size: 1rem;
display: inline-block;
.navbar-toggler-icon { .navbar-toggler-icon {
background: none; background: none;
height: 20px;
width: 20px;
position: relative;
&::after, &::after,
&::before, &::before,
div { div {
position: absolute;
content: " "; content: " ";
background-color: $gray-100; background-color: $gray-100;
display: block; display: block;
width: 100%;
height: 3px; height: 3px;
transition: all .3s ease-in-out; transition: all .3s ease-in-out;
} }
&::before { &::before {
margin-bottom: 7px; top: 0;
} }
&::after { &::after {
margin-top: 7px; bottom: 0;
}
div {
top: calc(50% - 1.5px);
} }
} }
@@ -394,7 +405,7 @@
transform: translateY(14px) rotate(135deg); transform: translateY(14px) rotate(135deg);
} }
&::after { &::after {
transform: translateY(-6px) rotate(-135deg); transform: translateY(-9px) rotate(-135deg);
} }
div { div {
transform: scale(0); transform: scale(0);