Padding main réactif
This commit is contained in:
parent
52ae54d2f8
commit
3d9ca0ef90
1 changed files with 9 additions and 2 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue