From 68608b5390ed5988b2cbea1d8ecc5de859abcc35 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Fri, 5 Jan 2024 11:53:38 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=B1(react)=20add=20media=20mixin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

We want to be able to use responsive media queries for the Toast
component.
---
 packages/react/src/utils/_responsive.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/react/src/utils/_responsive.scss b/packages/react/src/utils/_responsive.scss
index c11e569..2e428b4 100644
--- a/packages/react/src/utils/_responsive.scss
+++ b/packages/react/src/utils/_responsive.scss
@@ -11,3 +11,9 @@
     @content;
   }
 }
+@mixin media($name, $tokens: $themes) {
+  $breakpoint: breakpoint($name, $tokens);
+  @media (max-width: #{$breakpoint}) {
+    @content;
+  }
+}