Rotate the hamburger icon when the menu is open
This commit is contained in:
parent
241902516a
commit
647ec15b60
@ -338,6 +338,11 @@ blockquote {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#show-hide-menu-label * {
|
||||
/* duration for the rotation transition of the hamburger image */
|
||||
transition-duration: 100ms;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 13pt;
|
||||
font-family: Lato, Arial, Helvetica, "Liberation Sans", sans-serif;
|
||||
@ -527,6 +532,10 @@ body {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.show-hide-menu-input:checked ~ .main #show-hide-menu-label > img {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.show-hide-menu-input:checked ~ .overlay {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
|
Loading…
x
Reference in New Issue
Block a user