websites/dennogumi
websites/dennogumi
1
0
Fork 0
Code Releases Activity

First attempt at using a hamburger menu on mobile
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Luca Beltrame 2021-01-09 15:26:00 +01:00
parent a1ccc4bb2e
commit 55a840ae35
Signed by: einar
GPG key ID: 4707F46E9EC72DEC
4 changed files with 113 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
static/css/isso.css
View file

@ -74,3 +74,14 @@
background-repeat:no-repeat;
background-size:contain !important;
}
.menu {
min-height: 2.8rem; /* no way to control min height in Tachyons */
max-height: 0; /* hide menu completely when burger unchecked */
transition: max-height 0.5s; /* show/hide menu transition */
}
/* when checkbox is checked, display menu (sibling element) */
#burger:checked ~ .menu {
max-height: 100%;
}