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