zumepro/libre-liberec-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: zumepro:d94d4a56b2738d0b3182a6fb7abfd3aa999d6289
Branches Tags
zumepro:master
zumepro:pre_talk
...
compare: zumepro:pre_talk
Branches Tags
zumepro:master
zumepro:pre_talk

1 Commits
d94d4a56b2 ... pre_talk

Author SHA1 Message Date
Ondřej Mekina
ea8e5c4da7 fix menu button misalign on mobile 2025-04-20 19:02:59 +02:00
1 changed files with 6 additions and 6 deletions
Expand all files Collapse all files

12
styles/styles.css
View File

@@ -240,24 +240,24 @@ nav div {
.menu-button .inner div {
display: block;
transition: .2s ease opacity, .2s ease transform, .2s ease width;
height: .2em;
width: 2em;
height: 3px;
width: 30px;
background-color: white;
border-radius: .1em;
margin: .2em 0;
margin: 3px 0;
}
#menu-trigger:checked + .menu-button .center {
width: 0;
transform: translateX(.3em);
transform: translateX(4px);
}
#menu-trigger:checked + .menu-button .upper {
transform: translateY(.625em) rotate(45deg);
transform: translateY(100%) translateY(6px) rotate(45deg);
}
#menu-trigger:checked + .menu-button .lower {
transform: translateY(-.625em) rotate(-45deg);
transform: translateY(-100%) translateY(-6px) rotate(-45deg);
}
#menu-trigger {