Fix named viewports

1 files changed, 7 insertions, 10 deletions

diff --git a/src/_responsive.scss b/src/_responsive.scss
index c907085..4d98638 100644
--- a/src/_responsive.scss
+++ b/src/_responsive.scss
@@ -21,19 +21,18 @@
 @use './contexts';
 
 ///
-/// If true, named viewports will be supported if a compatible $breakpoints map exists.
-/// This is the case for [include-media](https://include-media.com/), for example.
+/// Context ID used for responsive environment-related mixins.
 ///
-/// @type bool
+/// @type string
 ///
-$support-named-viewports: true !default;
+$context-id: 'responsive' !default;
 
 ///
 /// Context ID used for responsive environment-related mixins.
 ///
-/// @type string
+/// @type list
 ///
-$context-id: 'responsive' !default;
+$named-viewports: () !default;
 
 /// 
 /// Scale a property uniformly between a specific set of target viewports / values.
@@ -158,10 +157,8 @@ $context-id: 'responsive' !default;
     $new-viewports: ();
 
     @each $viewport in $viewports {
-        @if $support-named-viewports and global-variable-exists(breakpoints) {
-            @if map-has-key($breakpoints, $viewport) {
-                $viewport: map-get($breakpoints, $viewport);
-            }
+        @if map-has-key($named-viewports, $viewport) {
+            $viewport: map-get($named-viewports, $viewport);
         }
 
         @if (type-of($viewport) != number) or unitless($viewport) {