fix division

src/components/Icon.vue

@@ -0,0 +1,39 @@
+<template>
+  <span class="icon">
+    <svg
+      viewBox="0 0 24 24"
+      :width="size"
+      :height="size"
+      class="inline-block"
+    >
+      <path
+        fill="currentColor"
+        :d="path"
+      />
+    </svg>
+  </span>
+</template>
+
+<script>
+export default {
+  name: 'Icon',
+  props: {
+    path: {
+      type: String,
+      required: true
+    },
+    w: {
+      type: String,
+      default: 'w-6'
+    },
+    h: {
+      type: String,
+      default: 'h-6'
+    },
+    size: {
+      type: [String, Number],
+      default: 16
+    }
+  }
+}
+</script>

src/scss/_aside.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 aside.aside {
   @include transition(left);
   width: $aside-mobile-width;
@@ -117,7 +119,7 @@ aside.aside {
     display: none;
 
     .aside-tools {
-      padding-left: $default-padding / 6;
+      padding-left: math.div($default-padding, 6);
     }
   }
   html.has-aside-desktop-only-visible {

src/scss/_mixins.scss

@@ -7,7 +7,7 @@
     width: $icon-base-width;
 
     &.has-update-mark:after {
-      right: ($icon-base-width / 2) - .85;
+      right: ($icon-base-width * .5) - .85;
     }
   }
 }