Deuxfleurs/guide.deuxfleurs.fr
23
3
Fork 10
Code Issues 3 Pull requests 2 Projects Releases Wiki Activity

Améliorations du CSS responsive et navigation sur mobile #17

Merged
lx merged 7 commits from navigation-mobile into main 2022-12-22 12:45:04 +00:00
Conversation 0 Commits 7 Files changed 11 +9 -2
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 3d9ca0ef90 - Show all commits

11
sass/juice.scss
View file

@ -97,7 +97,7 @@ header ul li {
main { main {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
padding: 50px 100px; padding: 50px 50px;
margin: 0; margin: 0;
.toc-homepage { .toc-homepage {
@ -176,6 +176,9 @@ main details#navigation-toggle summary {
} }
@media screen and (min-width: 1280px) { @media screen and (min-width: 1280px) {
main {
padding: 50px 100px;
}
.logo { .logo {
font-size: 32px; font-size: 32px;
} }
@ -260,7 +263,7 @@ main details#navigation-toggle summary {
display: none; display: none;
} }
.menu-button { .menu-button-container {
display: none; display: none;
} }
@ -289,6 +292,10 @@ main details#navigation-toggle summary {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.menu-button-container {
display: block;
}
main .toc-homepage { main .toc-homepage {
display: block; display: block;
} }