From 1d8a3a9597e7de89e5510a123b22e06b62377a4d Mon Sep 17 00:00:00 2001
From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Sat, 15 Feb 2020 12:01:32 +0100
Subject: Add RFS to utility API (#30050)

---
 scss/utilities/_api.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'scss/utilities')

diff --git a/scss/utilities/_api.scss b/scss/utilities/_api.scss
index 5b9b6651c..f1545b951 100644
--- a/scss/utilities/_api.scss
+++ b/scss/utilities/_api.scss
@@ -16,6 +16,24 @@
   }
 }
 
+// RFS rescaling
+@media (min-width: $rfs-mq-value) {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {
+      // Loop over each utility property
+      @each $key, $utility in $utilities {
+        // The utility can be disabled with `false`, thus check if the utility is a map first
+        // Only proceed if responsive media queries are enabled or if it's the base media query
+        @if type-of($utility) == "map" and map-get($utility, rfs) {
+          @include generate-utility($utility, $infix, true);
+        }
+      }
+    }
+  }
+}
+
 
 // Print utilities
 @media print {
-- 
cgit v1.2.3