From adcff41efa2a65eb21a8a6b763be11c9d73905b2 Mon Sep 17 00:00:00 2001
From: Rami Yushuvaev <ramiy@elementor.com>
Date: Tue, 26 May 2026 15:36:53 +0300
Subject: [PATCH] Internal: Expose custom media queries

---
 dev/scss/theme/_layout.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/dev/scss/theme/_layout.scss b/dev/scss/theme/_layout.scss
index e1493476..293e15a5 100644
--- a/dev/scss/theme/_layout.scss
+++ b/dev/scss/theme/_layout.scss
@@ -12,6 +12,11 @@ $containers: '.site-header .header-inner,.site-header:not(.dynamic-header), .sit
 	width: 100%;
 }
 
+@custom-media --hello-xs-screen (min-width: #{variables.$screen-xs});
+@custom-media --hello-sm-screen (min-width: #{variables.$screen-sm});
+@custom-media --hello-md-screen (min-width: #{variables.$screen-md});
+@custom-media --hello-xl-screen (min-width: #{variables.$screen-xl});
+
 @media (max-width: variables.$screen-xs - variables.$screen-diff){
 
 	#{$containers} {