undef/undefined-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

smaller header for mobile layout

Browse Source
This commit is contained in:
error 2023-10-24 20:14:17 +02:00
parent c3d393742d
commit 52d9812439
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
static/css/undef.css
View File

@ -37,7 +37,7 @@ body {
background-color: var(--background);
font-family: 'Maven Pro';
box-sizing: border-box;
padding: 2ch;
padding: 2ch 1ch;
display: grid;
grid-template-columns: 1fr 8rem 50rem 16rem 1fr;
grid-template-rows: 1fr auto 1fr;
@ -289,7 +289,7 @@ label.sidenote-toggle {
@media (max-width: 74rem) {
body {
grid-template-columns: 1fr 8rem calc(100vw - 9rem) 1fr;
grid-template-columns: 1fr 6rem calc(100vw - 9rem) 1fr;
}
label.sidenote-toggle:not(.sidenote-number) {
@ -301,13 +301,14 @@ label.sidenote-toggle {
}
.sidenote-toggle:checked + .sidenote {
display: block;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
margin-left: 5%;
margin-right: 5%;
float: none;
clear: both;
width: 90%;
display: block;
margin: 0.5rem 5%;
float: none;
clear: both;
width: 90%;
}
}
body > header > a > h1 {
font-size: 3rem;
}
}