From d3d45a31d419ec491c4c34f7e683f891320e64d8 Mon Sep 17 00:00:00 2001
From: daniil4udo <daniil4udo@gmail.com>
Date: Fri, 18 Nov 2022 15:01:57 +0400
Subject: [PATCH] =?UTF-8?q?refactoring(Bulma):=20=E2=99=BB=EF=B8=8F=20=20u?=
 =?UTF-8?q?se=20math.percentage=20for=20percentage=20values?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/bulma/sass/elements/image.sass | 28 ++++++++++++-------------
 packages/bulma/sass/grid/tiles.sass     |  2 +-
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/bulma/sass/elements/image.sass b/packages/bulma/sass/elements/image.sass
index 823ac097..6deb9804 100644
--- a/packages/bulma/sass/elements/image.sass
+++ b/packages/bulma/sass/elements/image.sass
@@ -41,33 +41,33 @@ $dimensions: 16 24 32 48 64 96 128 !default
   &.is-1by1
     padding-top: 100%
   &.is-5by4
-    padding-top: math.div(100, math.div(5, 4)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(5, 4)))
   &.is-4by3
-    padding-top: math.div(100, math.div(4, 3)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(4, 3)))
   &.is-3by2
-    padding-top: math.div(100, math.div(3, 2)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(3, 2)))
   &.is-5by3
-    padding-top: math.div(100, math.div(5, 3)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(5, 3)))
   &.is-16by9
-    padding-top: math.div(100, math.div(16, 9)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(16, 9)))
   &.is-2by1
-    padding-top: math.div(100, math.div(2, 1)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(2, 1)))
   &.is-3by1
-    padding-top: math.div(100, math.div(3, 1)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(3, 1)))
   &.is-4by5
-    padding-top: math.div(100, math.div(4, 5)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(4, 5)))
   &.is-3by4
-    padding-top: math.div(100, math.div(3, 4)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(3, 4)))
   &.is-2by3
-    padding-top: math.div(100, math.div(2, 3)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(2, 3)))
   &.is-3by5
-    padding-top: math.div(100, math.div(3, 5)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(3, 5)))
   &.is-9by16
-    padding-top: math.div(100, math.div(9, 16)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(9, 16)))
   &.is-1by2
-    padding-top: math.div(100, math.div(1, 2)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(1, 2)))
   &.is-1by3
-    padding-top: math.div(100, math.div(1, 3)) * 1%
+    padding-top: math.percentage(math.div(1, math.div(1, 3)))
   // Sizes
   @each $dimension in $dimensions
     &.is-#{$dimension}x#{$dimension}
diff --git a/packages/bulma/sass/grid/tiles.sass b/packages/bulma/sass/grid/tiles.sass
index 0decd929..829c6f8b 100644
--- a/packages/bulma/sass/grid/tiles.sass
+++ b/packages/bulma/sass/grid/tiles.sass
@@ -42,4 +42,4 @@ $-css-vars-map: ('tile-spacing': $tile-spacing)
     @for $i from 1 through $tile-denominator
       &.is-#{$i}
         flex: none
-        width: (math.div($i, $tile-denominator)) * 100%
+        width: math.percentage(math.div($i, $tile-denominator))