Improve theme-color-level() using abs() (#24074)

`abs()` gets the absolute value of `$level`.
That way, `if/else` statement can be completely eliminated.

diff --git a/scss/_functions.scss b/scss/_functions.scss
index a63680aa5ca38349c7019c80a5cd52b19737cdde..5d43b57087b7e73ac669a6d843b67d90aebab81e 100644 (file)
--- a/scss/_functions.scss
+++ b/scss/_functions.scss
@@ -80,11 +80,7 @@
 @function theme-color-level($color-name: "primary", $level: 0) {
   $color: theme-color($color-name);
   $color-base: if($level > 0, #000, #fff);
+  $level: abs($level);
 
-  @if $level < 0 {
-    // Lighter values need a quick double negative for the Sass math to work
-    @return mix($color-base, $color, $level * -1 * $theme-color-interval);
-  } @else {
-    @return mix($color-base, $color, $level * $theme-color-interval);
-  }
+  @return mix($color-base, $color, $level * $theme-color-interval);
 }