From e9408ed7edebc4b9082cc35d322b68a57fbbc4ed Mon Sep 17 00:00:00 2001
From: Daniel Wilkowski <wilkowski.kontakt@gmail.com>
Date: Thu, 7 Nov 2024 09:50:17 +0100
Subject: [PATCH] Hide squiggle on lower resolution in dark theme

---
 resources/sass/pages/_homepage.scss | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/resources/sass/pages/_homepage.scss b/resources/sass/pages/_homepage.scss
index 634ca7f52..ba0227ecc 100644
--- a/resources/sass/pages/_homepage.scss
+++ b/resources/sass/pages/_homepage.scss
@@ -20,6 +20,12 @@
   }
 }
 
+@mixin sizeNot($size) {
+  @include media-breakpoint-down($size) {
+    @content;
+  }
+}
+
 header nav.navbar {
   .logo {
     height: 30px;
@@ -220,12 +226,12 @@ body.lookAndFeelModern {
       background: squiggle(#ffffff), linear-gradient(45deg, $card-background-light, $card-background-light, #bbe7ca);
     }
     @include dark {
-      background: $card-background-dark;
-    }
-    @include size(md) {
-      @include dark {
+      @include size(md) {
         background: squiggle(#04ae41), linear-gradient(45deg, $card-background-dark, $card-background-dark, #0d5c28);
       }
+      @include sizeNot(md) {
+        background: linear-gradient(45deg, $card-background-dark, $card-background-dark, #0d5c28);
+      }
     }
     @include theme {
       background-repeat: no-repeat, no-repeat;