use math.div rather than deprecated /

see https://sass-lang.com/documentation/breaking-changes/slash-div/
laws-africa · Jun 27, 2024 · 26ec7bf · 26ec7bf
1 parent 052f1cd
commit 26ec7bf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/law-widget-styles/scss/mixins/_inlines.scss b/law-widget-styles/scss/mixins/_inlines.scss
@@ -1,3 +1,5 @@
+@use "sass:math";
+
 @mixin inlines {
   .akn-br {
     display: block;
@@ -33,7 +35,7 @@
   .akn-authorialNote {
     display: flex;
     font-size: small;
-    margin-top: $akn-para-spacing / 2;
+    margin-top: math.div($akn-para-spacing, 2);
     padding: .25em 0.25em 0 .25em;
     position: relative;
     background-color: $akn-footnote-bg-colour;
@@ -58,7 +60,7 @@
     }
 
     & > .akn-authorialNote--marker {
-      margin-right: $akn-para-indent / 6;
+      margin-right: math.div($akn-para-indent, 6);
     }
   }
 

diff --git a/law-widget-styles/scss/mixins/_structure.scss b/law-widget-styles/scss/mixins/_structure.scss
@@ -1,9 +1,11 @@
+@use "sass:math";
+
 @function yiq-is-light($color, $threshold: 190) {
   $red: red($color);
   $green: green($color);
   $blue: blue($color);
 
-  $yiq: (($red * 299) + ($green * 587) + ($blue * 114)) / 1000;
+  $yiq: math.div(($red * 299) + ($green * 587) + ($blue * 114), 1000);
 
   @return if($yiq >= $threshold, true, false);
 }