basic setup

styles/_utils.scss

@@ -0,0 +1,42 @@
+@use 'functions' as *;
+
+.full-width {
+    width: 100vw;
+    position: relative;
+    left: 50%;
+    right: 50%;
+    margin-left: -50vw;
+    margin-right: -50vw;
+}
+
+.overflow-hidden {
+    overflow: hidden;
+}
+
+.relative {
+    position: relative;
+}
+
+.mobile-only {
+    @include desktop {
+        display: none !important;
+    }
+}
+
+.desktop-only {
+    @include mobile {
+        display: none !important;
+    }
+}
+
+html:not(.has-scroll-smooth) {
+    .hide-on-native-scroll {
+        display: none;
+    }
+}
+
+html.has-scroll-smooth {
+    .hide-on-smooth-scroll {
+        display: none;
+    }
+}