Hide squiggle on lower resolution in dark theme

pradoslaw · Nov 7, 2024 · e9408ed · e9408ed
1 parent 8158c01
commit e9408ed
Showing 1 changed file with 10 additions and 4 deletions.
diff --git 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;