From e856e5311439d5a64478f7cda79998476ebdfe33 Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Wed, 25 Oct 2023 17:32:33 +0200
Subject: [PATCH] Correction for media query

---
 source/style/modules/demo/_demo_module.scss | 22 ++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/source/style/modules/demo/_demo_module.scss b/source/style/modules/demo/_demo_module.scss
index 044b671..0266f6c 100644
--- a/source/style/modules/demo/_demo_module.scss
+++ b/source/style/modules/demo/_demo_module.scss
@@ -180,31 +180,31 @@
 }
 
 .demo__query_example {
-	@include goingLarge($screen_tiny * 1px) {background-color: $alpha_color; }
-	@include goingLarge($screen_small * 1px) {background-color: $bravo_color; }
-	@include goingLarge($screen_medium * 1px) {background-color: $charlie_color; }
-	@include goingLarge($screen_large * 1px) {background-color: $delta_color; }
-	@include goingLarge($screen_huge * 1px) {background-color: $echo_color; }
-	@include goingLarge($screen_gigantic * 1px) {background-color: $foxtrot_color; }
+	@include goingLarge($screen_tiny) {background-color: $alpha_color; }
+	@include goingLarge($screen_small) {background-color: $bravo_color; }
+	@include goingLarge($screen_medium) {background-color: $charlie_color; }
+	@include goingLarge($screen_large) {background-color: $delta_color; }
+	@include goingLarge($screen_huge) {background-color: $echo_color; }
+	@include goingLarge($screen_gigantic) {background-color: $foxtrot_color; }
 	margin-bottom: $space_small;
 	padding: $space_small;
 	text-align: center;
 
 	&:after {
 		@extend code;
-		@include goingLarge($screen_tiny * 1px) {
+		@include goingLarge($screen_tiny) {
 			& { content: '768px'; }
 		}
-		@include goingLarge($screen_small * 1px) {
+		@include goingLarge($screen_small) {
 			& { content: '1024px'; }
 		}
-		@include goingLarge($screen_medium * 1px) {
+		@include goingLarge($screen_medium) {
 			& { content: '1280px'; }
 		}
-		@include goingLarge($screen_huge * 1px) {
+		@include goingLarge($screen_huge) {
 			& { content: '1680px'; }
 		}
-		@include goingLarge($screen_gigantic * 1px) {
+		@include goingLarge($screen_gigantic) {
 			& { content: '1920px'; }
 		}
 		content: '< 768px';