fix: math.div to calc

tachyons-css · Aug 7, 2021 · a440e07 · a440e07
1 parent f11703c
commit a440e07
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/scss/_widths.scss b/scss/_widths.scss
@@ -1,4 +1,3 @@
-@use "sass:math";
 // Converted Variables
 
 
@@ -70,8 +69,8 @@
 .w-90 {  width:  90%; }
 .w-100 { width: 100%; }
 
-.w-third { width: math.div(100% / 3); }
-.w-two-thirds { width: math.div(100% / 1.5); }
+.w-third { width: calc(100% / 3); }
+.w-two-thirds { width: calc(100% / 1.5); }
 .w-auto { width: auto; }
 
 @media #{$breakpoint-not-small} {
@@ -94,8 +93,8 @@
   .w-80-ns { width:  80%; }
   .w-90-ns { width:  90%; }
   .w-100-ns { width: 100%; }
-  .w-third-ns { width: math.div(100% / 3); }
-  .w-two-thirds-ns { width: math.div(100% / 1.5); }
+  .w-third-ns { width: calc(100% / 3); }
+  .w-two-thirds-ns { width: calc(100% / 1.5); }
   .w-auto-ns { width: auto; }
 }
 
@@ -119,8 +118,8 @@
   .w-80-m { width:  80%; }
   .w-90-m { width:  90%; }
   .w-100-m { width: 100%; }
-  .w-third-m { width: math.div(100% / 3); }
-  .w-two-thirds-m { width: math.div(100% / 1.5); }
+  .w-third-m { width: calc(100% / 3); }
+  .w-two-thirds-m { width: calc(100% / 1.5); }
   .w-auto-m {    width: auto; }
 }
 
@@ -144,7 +143,7 @@
   .w-80-l {    width:  80%; }
   .w-90-l {    width:  90%; }
   .w-100-l {   width: 100%; }
-  .w-third-l { width: math.div(100% / 3); }
-  .w-two-thirds-l { width: math.div(100% / 1.5); }
+  .w-third-l { width: calc(100% / 3); }
+  .w-two-thirds-l { width: calc(100% / 1.5); }
   .w-auto-l {    width: auto; }
 }