Don't show the llama background when on mobile

This commit is contained in:
kolaente 2020-05-09 21:46:28 +02:00
parent f75c3ed4f7
commit ce1bfba5fd
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B

View file

@ -7,12 +7,19 @@
body { body {
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background; background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
min-height: 100vh; min-height: 100vh;
@media screen and (max-width: $tablet) {
&:not(.has-llama) {
background: $light-background;
}
}
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: $vikunja-font; font-family: $vikunja-font;
font-weight: 400 !important; font-weight: 400 !important;
} }
.logo { .logo {
padding-left: 2rem !important; padding-left: 2rem !important;