fix: mobile CSS and other mistakes
This commit is contained in:
parent
0525100bc6
commit
30cca3a33c
@ -50,18 +50,18 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
grid-area: "header";
|
grid-area: header;
|
||||||
border-bottom: 2px solid var(--border);
|
border-bottom: 2px solid var(--border);
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
grid-area: "footer";
|
grid-area: footer;
|
||||||
border-top: 2px solid var(--border);
|
border-top: 2px solid var(--border);
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
grid-area: "main";
|
grid-area: main;
|
||||||
padding: 3rem 3rem 3rem 3rem;
|
padding: 3rem;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
max-width: 120ch;
|
max-width: 120ch;
|
||||||
@ -104,6 +104,7 @@ a:focus {
|
|||||||
border-color: var(--hightlight);
|
border-color: var(--hightlight);
|
||||||
background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%);
|
background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.account,
|
.account,
|
||||||
.sections,
|
.sections,
|
||||||
#sections-menu {
|
#sections-menu {
|
||||||
@ -189,6 +190,10 @@ screen and (max-width: 1500px) {
|
|||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.links {
|
.links {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -197,4 +202,8 @@ screen and (max-width: 1500px) {
|
|||||||
footer {
|
footer {
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#theme-switcher {
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user