From c5e0a7266508c8ca2989273a4c78e9fb7794d70a Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Wed, 22 Sep 2021 20:30:33 +0200
Subject: [PATCH] fix: :rotating_light: future-proofing (fix deprecation
 warnings)

---
 src/scss/_flex.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/scss/_flex.scss b/src/scss/_flex.scss
index bc23266..c1dc387 100644
--- a/src/scss/_flex.scss
+++ b/src/scss/_flex.scss
@@ -1,3 +1,5 @@
+@use "sass:math";
+
 .flex {
   display: flex;
   flex-flow: row wrap;
@@ -44,20 +46,20 @@
 
     @for $i from 1 through 12 {
       &-#{$i} {
-        $width: percentage(($i / 12));
+        $width: percentage(math.div($i, 12));
         flex: 0 0 $width;
         max-width: $width;
       }
       @include mq-desktop {
         &-d-#{$i} {
-          $width: percentage(($i / 12));
+          $width: percentage(math.div($i, 12));
           flex: 0 0 $width;
           max-width: $width;
         }
       }
       @include mq-mobile {
         &-m-#{$i} {
-          $width: percentage(($i / 12));
+          $width: percentage(math.div($i, 12));
           flex: 0 0 $width;
           max-width: $width;
         }