Convert calc calls to math.div or *

Author: FlynnD273

source/_sass/_site/elements/calendar.scss

@@ -24,7 +24,7 @@
 
   tbody {
     td {
-      width: calc(1 / 7) * 100%;
+      width: math.div(1, 7) * 100%;
     }
   }
 }

source/_sass/_site/elements/mobile-nav.scss

@@ -69,7 +69,7 @@ $hamburger-width: header.$header-height;
     width: $hamburger-width;
     top: 0;
     height: header.$header-height;
-    padding: calc(variables.$base-font-size / 1.5) 0;
+    padding: math.div(variables.$base-font-size, 1.5) 0;
     font-size: variables.$base-font-size * 2;
     text-align: center;
     color: colors.$gray-03;

source/_sass/_site/elements/search.scss

@@ -28,7 +28,7 @@
   border-bottom: 1px solid colors.$gray-10;
   height: header.$header-height;
   left: sidebar.$sidebar-width;
-  padding: calc(utilities-variables.$base-font-size / 1.2);
+  padding: math.div(utilities-variables.$base-font-size, 1.2);
   position: fixed;
   right: 0;
   top: 0;
@@ -44,7 +44,7 @@
     border: 0;
     box-shadow: none;
     font-size: utilities-variables.$base-font-size * 1.2;
-    padding: calc(utilities-variables.$base-font-size / 2);
+    padding: utilities-variables.$base-font-size & 0.5;
     padding-left: 2em;
     width: 100%;
 
@@ -66,9 +66,9 @@
 
 .search__icon {
   font-size: utilities-variables.$base-font-size * 1.2;
-  left: calc(utilities-variables.$base-font-size / 0.6);
+  left: math.div(utilities-variables.$base-font-size, 0.6);
   position: absolute;
-  top: calc(utilities-variables.$base-font-size / 0.6);
+  top: math.div(utilities-variables.$base-font-size, 0.6);
 
   @include breakpoints.bp-max (sidebar.$sidebar-hide-at) {
     display: none;

source/_sass/_site/elements/sectionmenu.scss

@@ -66,7 +66,7 @@ $section-menu-width: 240px;
     font-size: utilities-variables.$base-font-size * 1.2;
     font-weight: 400;
     margin-top: 3px;
-    padding: calc(utilities-variables.$base-line-height / 1.2) 0;
+    padding: math.div(utilities-variables.$base-line-height, 1.2) 0;
     text-transform: uppercase;
     width: 100%;
   }
@@ -105,7 +105,7 @@ $section-menu-width: 240px;
     display: inline-block;
     font-size: 13px;
     font-weight: bold;
-    margin: calc(utilities-variables.$base-line-height / 4) 0;
+    margin: utilities-variables.$base-line-height * 0.25 0;
     padding: 0.5em;
   }
 

source/_sass/_site/elements/sidebar.scss

@@ -62,7 +62,7 @@ $sidebar-hide-at: xs;
   font-size: utilities-variables.$base-font-size * 1.2;
   height: header.$header-height;
   left: 0;
-  padding: calc(utilities-variables.$base-line-height / 1.2) 0;
+  padding: math.div(utilities-variables.$base-line-height, 1.2) 0;
   position: absolute;
   text-align: center;
   top: 0;

source/_sass/_site/mmenu/addons/jquery.mmenu.buttonbars.scss

@@ -8,7 +8,7 @@
 
 .mm-buttonbar {
   border: 1px solid transparent;
-  border-radius: calc(variables.$mm_padding / 2);
+  border-radius: variables.$mm_padding * 0.5;
   text-align: center;
   line-height: variables.$mm_buttonbarHeight;
   overflow: hidden;

source/_sass/_site/mmenu/addons/jquery.mmenu.counters.scss

@@ -10,9 +10,9 @@ em.mm-counter {
   font-size: variables.$mm_fontSize;
   font-style: normal;
   text-indent: 0;
-  line-height: calc(variables.$mm_btnSize / 2);
+  line-height: variables.$mm_btnSize * 0.5;
   display: block;
-  margin-top: - calc(variables.$mm_btnSize / 4);
+  margin-top: - variables.$mm_btnSize * 0.25;
   position: absolute;
   right: variables.$mm_subopenWidth;
   top: 50%;
@@ -34,7 +34,7 @@ em.mm-counter {
 // vertical submenu
 .mm-vertical {
   em.mm-counter {
-    top: calc((variables.$mm_btnSize / 4) + 2px);
+    top: (variables.$mm_btnSize * 0.25) + 2px;
     margin-top: 0;
   }
 }

source/_sass/_site/mmenu/addons/jquery.mmenu.header.scss

@@ -10,7 +10,7 @@
   background: inherit;
   border-bottom: 1px solid transparent;
   text-align: center;
-  line-height: calc(variables.$mm_btnSize / 2);
+  line-height: variables.$mm_btnSize * 0.5;
 
   box-sizing: border-box;
   width: 100%;
@@ -72,12 +72,12 @@
     &.mm-prev:before {
       @include mixins.mm_arrow-prev;
       margin-left: 2px;
-      margin-right: calc(variables.$mm_padding / 2);
+      margin-right: variables.$mm_padding * 0.5;
     }
 
     &.mm-next:after,
     &.mm-close:after {
-      margin-left: calc(variables.$mm_padding / 2);
+      margin-left: variables.$mm_padding * 0.5;
       margin-right: -2px;
     }
 

source/_sass/_site/mmenu/addons/jquery.mmenu.labels.scss

@@ -27,7 +27,7 @@
 .mm-menu.mm-vertical .mm-list {
   >li.mm-label {
     >a.mm-subopen:after {
-      top: calc(variables.$mm_labelHeight / 2) - 4;
+      top: variables.$mm_labelHeight * 0.5 - 4;
     }
   }
 }

source/_sass/_site/mmenu/addons/jquery.mmenu.toggles.scss

@@ -30,7 +30,7 @@ label.mm-toggle {
   border-radius: variables.$mm_toggleHeight;
   width: variables.$mm_toggleWidth;
   height: variables.$mm_toggleHeight;
-  margin-bottom: - calc(variables.$mm_toggleHeight / 2);
+  margin-bottom: - variables.$mm_toggleHeight * 0.5;
 
   &:before {
     border-radius: variables.$mm_toggleHeight;
@@ -47,7 +47,7 @@ input.mm-toggle:checked~label.mm-toggle:before {
 label.mm-check {
   width: variables.$mm_checkWidth;
   height: variables.$mm_checkHeight;
-  margin-bottom: - calc(variables.$mm_checkHeight / 2);
+  margin-bottom: - variables.$mm_checkHeight * 0.5;
 
   &:before {
     border-left: 3px solid;
@@ -77,12 +77,12 @@ input.mm-check:checked~label.mm-check:before {
     }
 
     &.mm-toggle {
-      top: calc((variables.$mm_btnSize - variables.$mm_toggleHeight ) / 2);
+      top: (variables.$mm_btnSize - variables.$mm_toggleHeight ) * 0.5;
 
     }
 
     &.mm-check {
-      top: calc((variables.$mm_btnSize - variables.$mm_checkHeight ) / 2);
+      top: (variables.$mm_btnSize - variables.$mm_checkHeight ) * 0.5;
     }
   }
 }