@iris.interactive/handcook 2.9.0 → 2.9.3

package/public/styles/scss/_variables.scss

@@ -2,7 +2,6 @@
   * Created by IRIS Interactive
   * User : IRIS Interactive
 */
-@use "sass:math";
 
 /* Root values
 / ================================================== */
@@ -68,8 +67,8 @@ $viewport-borders: (
 /* Breakpoint
 / ================================================== */
 $breakpoint-desktop: 1000.1px; // min-width
-$breakpoint-xlarge: math.div($container, 1 - math.div($margin-xlarge, 100%) * 2)+1; // min-width
-$breakpoint-large: math.div($container, 1 - math.div($margin-xlarge, 100%) * 2); // max-width
+$breakpoint-xlarge: $container / (1-(($margin-xlarge/100%) * 2)) + 1; // min-width
+$breakpoint-large: $container / (1-(($margin-xlarge/100%) * 2)); // max-width
 $breakpoint-medium: 1000px; // max-width
 $breakpoint-small: 650px; // max-width
 $breakpoint-xsmall: 370px; // max-width

package/public/styles/scss/mixins/_mixin-font.scss

@@ -28,12 +28,12 @@
 /* Font size
 /* ============================================= */
 @function rem-size( $size ) {
-    $remSize: math.div($size, 16);
+    $remSize: $size / 16;
     @return #{$remSize}rem;
 }
 
 @function vw-size( $size ) {
-    $ceil-size: math.div(math.div($container, 1px), 1 - math.div($margin-xlarge, 100%) * 2);
+    $ceil-size: ($container / 1px) / (1 - ($margin-xlarge / 100%) * 2);
     @return calc(#{$size} * 100 / #{$ceil-size} * 1vw);
 }