changes

app/assets/styles/utils.scss

@@ -59,49 +59,20 @@
   border-radius: calc(infinity * 1px);
 }
 
-$base: 0.25rem;
-
-@function spacing($step) {
-  @return $step * $base;
+.static {
+  position: static;
 }
-
-$spacing-types: (
-  "p": "padding",
-  "m": "margin",
-);
-
-$spacing-variants: (
-  "":  (""),
-  "x": ("-left", "-right"),
-  "y": ("-top",  "-bottom"),
-  "t": ("-top"),
-  "b": ("-bottom"),
-  "l": ("-left"),
-  "r": ("-right"),
-);
-
-@each $type-prefix, $type in $spacing-types {
-  @each $dir-suffix, $sides in $spacing-variants {
-    @for $i from 0 through 48 {
-      // Whole step: p-0, p-1, p-2 ...
-      .#{$type-prefix}#{$dir-suffix}-#{$i} {
-        @each $side in $sides {
-          #{$type}#{$side}: spacing($i);
-        }
-      }
-
-      // Half step: p-0\.5, p-1\.5, p-2\.5 ...
-      // Stop at 47.5 — 48.5 would exceed the scale
-      @if $i < 48 {
-        .#{$type-prefix}#{$dir-suffix}-#{$i}\.5 {
-          @each $side in $sides {
-            #{$type}#{$side}: spacing($i + 0.5);
-          }
-        }
-      }
-
-    }
-  }
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.sticky {
+  position: sticky;
 }
 
 // ─── CSS custom properties ─────────────────────────────────────────────────
@@ -199,7 +170,7 @@ $containers: (
 // These are identical in value across w-, h-, and size-
 $shared-keywords: (
   "auto": auto,
-  "px":   1px,
+  "px": 1px,
   "full": 100%,
   "min":  min-content,
   "max":  max-content,
@@ -233,5 +204,5 @@ $viewport-keywords: (
   }
 }
 
-.w-screen { width:  100vw; }
+.w-screen { width: 100vw; }
 .h-screen { height: 100vh; }