Quick fix for menu in Webkit based browsers in mobile mode

This commit is contained in:
Patrick Neff 2019-02-26 20:10:32 +01:00
parent 298770d366
commit 927faecc28
1 changed files with 16 additions and 12 deletions

View File

@ -147,20 +147,24 @@
display: none; display: none;
} }
input[type=checkbox]:checked ~ .navbar-container nav ul { input[type=checkbox]:checked ~ .navbar-container nav {
@include menu-list(column); height: 255px; //TODO: make dynamic in Webkit
li { ul {
text-align: right; @include menu-list(column);
flex: 0 0 0;
margin: $gutter-width 0;
font-size: 1.1rem;
font-weight: bold;
a { li {
&:active, text-align: right;
&:hover { flex: 0 0 0;
color: darken($primary-color, 15%); margin: $gutter-width 0;
font-size: 1.1rem;
font-weight: bold;
a {
&:active,
&:hover {
color: darken($primary-color, 15%);
}
} }
} }
} }