From ce1bfba5fdb2a5e1f50c11f2c1fc6525de22027b Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 9 May 2020 21:46:28 +0200
Subject: [PATCH] Don't show the llama background when on mobile

---
 src/styles/theme/theme.scss | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/styles/theme/theme.scss b/src/styles/theme/theme.scss
index 07ccee81b..3fb32d980 100644
--- a/src/styles/theme/theme.scss
+++ b/src/styles/theme/theme.scss
@@ -1,18 +1,25 @@
 @import '../../../node_modules/bulma/bulma';
 
-*, *:hover, *:active, *:focus{
+*, *:hover, *:active, *:focus {
   outline: none;
 }
 
 body {
   background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
   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-weight: 400 !important;
 }
+
 .logo {
 
   padding-left: 2rem !important;
@@ -27,7 +34,7 @@ h1,h2,h3,h4,h5,h6{
   border-radius: $radius-large;
 }
 
-.has-no-border{
+.has-no-border {
   border: none !important;
 }
 
@@ -35,7 +42,7 @@ h1,h2,h3,h4,h5,h6{
   border-radius: $radius;
 }
 
-.image.is-avatar{
+.image.is-avatar {
   border-radius: 100%;
 }