feat: calc scss

src/index/app.scss

@@ -3,6 +3,8 @@
   --z-index-top: 1000;
   --z-index-popper: 2000;
   --z-hot-popper: 3000;
+  --design-width: 1920;
+  --design-height: 920;
 }
 
 body,
@@ -122,3 +124,10 @@ iframe {
     transition: all 0.3s;
   }
 }
+
+@media only screen and (max-width: 600px) {
+  :root {
+    --design-width: 750;
+    --design-height: 1440;
+  }
+}

src/index/assets/utils.scss

@@ -0,0 +1,7 @@
+@function vh-calc($num) {
+  @return calc(100vh * ($num / var(--design-height)));
+}
+
+@function vw-calc($num) {
+  @return calc(100vw * ($num / var(--design-width)));
+}