iger
/
www.iger.events
9
1
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Add more margin to top/bottom of page on small screens
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Luca 2022-07-08 17:19:39 +02:00
parent f26420864f
commit e7eb2aeccc
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/style.scss
View File

@ -30,18 +30,26 @@ header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
margin-top: 0.5rem; margin-top: 1rem;
pre { pre {
font-family: monospace; font-family: monospace;
font-size: 0.8rem; font-size: 0.8rem;
line-height: 1; line-height: 1;
user-select: none; user-select: none;
b {
font-family: monospace;
}
} }
nav { nav {
font-size: 1.2rem; font-size: 1.2rem;
} }
@media screen and (min-width: $small) {
margin-top: 0.5rem;
}
} }
main { main {
@ -49,7 +57,7 @@ main {
} }
footer { footer {
margin-bottom: 0.5rem; margin-bottom: 1rem;
nav { nav {
align-items: end; align-items: end;
@ -59,6 +67,10 @@ footer {
justify-content: end; justify-content: end;
} }
} }
@media screen and (min-width: $small) {
margin-bottom: 0.5rem;
}
} }
nav { nav {