monkey-style-guide 21.2.12 → 21.2.13

package/assets/scss/partials/_breakpoints.scss

@@ -36,7 +36,11 @@ $breakpoints: (
     @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";
   }
 
-  @return if($n < list.length($breakpoint-names), list.nth($breakpoint-names, $n + 1), null);
+  @if $n < list.length($breakpoint-names) {
+    @return list.nth($breakpoint-names, $n + 1);
+  }
+
+  @return null;
 }
 
 // Minimum breakpoint width. Null for the smallest (first) breakpoint.
@@ -45,7 +49,11 @@ $breakpoints: (
 @function breakpoint-min($name) {
   $min: map.get($breakpoints, $name);
 
-  @return if($min != 0, $min, null);
+  @if $min != 0 {
+    @return $min;
+  }
+
+  @return null;
 }
 
 // Maximum breakpoint width.
@@ -59,7 +67,11 @@ $breakpoints: (
 @function breakpoint-max($name) {
   $max: map.get($breakpoints, $name);
 
-  @return if($max and $max > 0, $max - 0.02, null);
+  @if $max and $max > 0 {
+    @return $max - 0.02;
+  }
+
+  @return null;
 }
 
 // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
@@ -69,7 +81,11 @@ $breakpoints: (
 //    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
 //    "-sm"
 @function breakpoint-infix($name) {
-  @return if(breakpoint-min($name) == null, '', '-#{$name}');
+  @if not breakpoint-min($name) {
+    @return '';
+  }
+
+  @return '-#{$name}';
 }
 
 // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.