Quick fix for menu in Webkit based browsers in mobile mode
This commit is contained in:
parent
298770d366
commit
927faecc28
|
|
@ -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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue