📱(react) add media mixin

We want to be able to use responsive media queries for the Toast component.
2024-01-05 11:53:38 +01:00
parent 9e0f7c5ef4
commit 68608b5390
1 changed files with 6 additions and 0 deletions
--- 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;
+  }
+}