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

@ -1,18 +1,25 @@
@import '../../../node_modules/bulma/bulma'; @import '../../../node_modules/bulma/bulma';
*, *:hover, *:active, *:focus{ *, *:hover, *:active, *:focus {
outline: none; outline: none;
} }
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;
@ -27,7 +34,7 @@ h1,h2,h3,h4,h5,h6{
border-radius: $radius-large; border-radius: $radius-large;
} }
.has-no-border{ .has-no-border {
border: none !important; border: none !important;
} }
@ -35,7 +42,7 @@ h1,h2,h3,h4,h5,h6{
border-radius: $radius; border-radius: $radius;
} }
.image.is-avatar{ .image.is-avatar {
border-radius: 100%; border-radius: 100%;
} }