gburri/recipes
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

Try using em/rem instead of px unit

Browse source
This commit is contained in:
Grégory Burri 2020-07-17 15:53:56 +02:00
parent e2e54b8f43
commit 2b50f8175e
1 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
backend/style.scss
View file

@ -13,6 +13,10 @@ $background-container: lighten($primary, 10%);
padding: 0px; padding: 0px;
} }
html {
font-size: 80%
}
a { a {
color: lighten($primary, 40%); color: lighten($primary, 40%);
text-decoration: none; text-decoration: none;
@ -20,7 +24,6 @@ a {
} }
body { body {
font-size: 13px;
font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif; font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
text-shadow: 2px 2px 2px rgb(0, 0, 0); text-shadow: 2px 2px 2px rgb(0, 0, 0);
text-align: center; text-align: center;
@ -44,13 +47,13 @@ body {
.content { .content {
background-color: $background-container; background-color: $background-container;
border: 1px solid white; border: 0.1em solid white;
padding: 10px; padding: 0.5em;
} }
} }
.footer-container { .footer-container {
font-size: 10px; font-size: 0.5em;
} }
} }