balki/no-js-hugo-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rotate the hamburger icon when the menu is open

Browse Source
This commit is contained in:
Steven Engler 2024-03-30 01:39:00 -04:00
parent 241902516a
commit 647ec15b60
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/styles.css
View File

@ -338,6 +338,11 @@ blockquote {
display: none; display: none;
} }
#show-hide-menu-label * {
/* duration for the rotation transition of the hamburger image */
transition-duration: 100ms;
}
body { body {
font-size: 13pt; font-size: 13pt;
font-family: Lato, Arial, Helvetica, "Liberation Sans", sans-serif; font-family: Lato, Arial, Helvetica, "Liberation Sans", sans-serif;
@ -527,6 +532,10 @@ body {
display: inherit; display: inherit;
} }
.show-hide-menu-input:checked ~ .main #show-hide-menu-label > img {
transform: rotate(90deg);
}
.show-hide-menu-input:checked ~ .overlay { .show-hide-menu-input:checked ~ .overlay {
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;