Sweetbread/lair.moe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

style: change sizes to rem

Browse Source
This commit is contained in:
Sweetbread
2025-09-04 19:13:53 +03:00
committed by Sweetbread
parent 5f417b433e
commit 74afee8f5b
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style/main.scss
+8 -8
View File
@@ -44,7 +44,7 @@ body {
main { main {
max-width: 45rem; max-width: 45rem;
margin-inline: auto; margin-inline: auto;
padding: 0 8px; padding: 0 .5rem;
flex: 1 0 auto; flex: 1 0 auto;
} }
@@ -91,7 +91,7 @@ header {
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: space-between; justify-content: space-between;
background-color: $mantle; background-color: $mantle;
padding: 8px; padding: .5rem;
font-size: larger; font-size: larger;
} }
@@ -100,8 +100,8 @@ footer {
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
background-color: $crust; background-color: $crust;
margin-top: 32px; margin-top: 2rem;
padding: 16px; padding: 1rem;
column-gap: 4ch; column-gap: 4ch;
} }
@@ -109,7 +109,7 @@ footer {
font-family: Monocraft, monospace; font-family: Monocraft, monospace;
background-color: $mantle; background-color: $mantle;
border-radius: 2px; border-radius: 2px;
padding: 0 4px; padding: 0 .25rem;
color: $subtext0; color: $subtext0;
overflow-wrap: anywhere; overflow-wrap: anywhere;
@@ -122,11 +122,11 @@ footer {
.block { .block {
display: block; display: block;
background-color: $surface0; background-color: $surface0;
border-radius: 8px; border-radius: .5rem;
padding: 8px; padding: .5rem;
& + & { & + & {
margin-top: 8px; margin-top: .5rem;
} }
&.red { &.red {