From bd3d959cea27b5ec81d860dff9d94c3fa26b5095 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Kuna?=
 <1282324+codecalm@users.noreply.github.com>
Date: Wed, 12 Feb 2025 21:12:52 +0100
Subject: [PATCH] Refactor SCSS files to replace divide function with calc
 (#2150)

---
 .changeset/gorgeous-mugs-admire.md | 5 +++++
 core/scss/ui/_badges.scss          | 2 +-
 core/scss/ui/_calendars.scss       | 4 ++--
 core/scss/utils/_opacity.scss      | 2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/gorgeous-mugs-admire.md

diff --git a/.changeset/gorgeous-mugs-admire.md b/.changeset/gorgeous-mugs-admire.md
new file mode 100644
index 000000000..8ec28b663
--- /dev/null
+++ b/.changeset/gorgeous-mugs-admire.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Refactor SCSS files to replace divide function with calc
diff --git a/core/scss/ui/_badges.scss b/core/scss/ui/_badges.scss
index 2e0aa0eeb..0a7c02ebb 100644
--- a/core/scss/ui/_badges.scss
+++ b/core/scss/ui/_badges.scss
@@ -5,7 +5,7 @@
   overflow: hidden;
   user-select: none;
   border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) transparent;
-  min-width: ($badge-padding-y * 2 ) + (divide($badge-font-size, 100%) * 1em);
+  min-width: 1.25rem;
   font-weight: $headings-font-weight;
   letter-spacing: .04em;
   vertical-align: bottom;
diff --git a/core/scss/ui/_calendars.scss b/core/scss/ui/_calendars.scss
index 4d0a171f2..8135eafb0 100644
--- a/core/scss/ui/_calendars.scss
+++ b/core/scss/ui/_calendars.scss
@@ -28,8 +28,8 @@
 }
 
 .calendar-date {
-  flex: 0 0 divide(100%, 7);
-  max-width: divide(100%, 7);
+  flex: 0 0 calc(100% / 7);
+  max-width: calc(100% / 7);
   padding: .2rem;
   text-align: center;
   border: 0;
diff --git a/core/scss/utils/_opacity.scss b/core/scss/utils/_opacity.scss
index 6068a8758..ee570ce04 100644
--- a/core/scss/utils/_opacity.scss
+++ b/core/scss/utils/_opacity.scss
@@ -2,6 +2,6 @@
 
 @for $i from 0 through 20 {
   .opacity-#{$i * 5} {
-    opacity: divide($i * 5, 100) !important;
+    opacity: calc(#{$i * 5} / 100) !important;
   }
 }