changes

app/assets/styles/main.scss

@@ -126,12 +126,6 @@ $size: (
 // 4. CUSTOM CLASSES
 // ==========================================
 
-.header-logo {
-  background: url('/logo_dev.png') no-repeat center center;
-  background-size: 40px;
-  width: 50px;
-}
-
 // Block Layout
 .blockdiv {
   max-width: 1900px !important;

app/assets/styles/overrides-components.scss

@@ -3,4 +3,14 @@
 .card {
   --bulma-card-shadow: none;
   border: 1px solid $grey-lighter;
-}
+}
+
+:root {
+  // somehow this value keeps picking dark mode values despite [data-theme]="light"
+  --bulma-hr-background-color: var(--bulma-grey-90);
+}
+
+// might break lots of stuff
+// .skeleton-block:not(:last-child), .media:not(:last-child), .level:not(:last-child), .fixed-grid:not(:last-child), .grid:not(:last-child), .tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .card:not(:last-child), .breadcrumb:not(:last-child), .field:not(:last-child), .file:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .tags:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .buttons:not(:last-child), .box:not(:last-child), .block:not(:last-child) {
+//   margin-bottom: inherit;
+// }

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; }