use bootstrap's responsive position utitilty classes

okfde · Sep 30, 2024 · 8dcac81 · 8dcac81
1 parent 113b09e
commit 8dcac81
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/frontend/javascript/components/postupload/post-upload.vue b/frontend/javascript/components/postupload/post-upload.vue
@@ -1651,13 +1651,4 @@ const onlineHelp = ref()
   }
 }
 
-/* bootstrap doesn't provide this responsive position class out of the box
- * (it could be compiled in with utils/helpers)
- * used here to un-sticky the stepper in the header */
-
-.position-md-static {
-  @media (min-width: map.get($grid-breakpoints, 'md')) {
-    position: static;
-  }
-}
 </style>
diff --git a/frontend/styles/maps.scss b/frontend/styles/maps.scss
@@ -56,5 +56,10 @@ $utilities: (
     values: (
       90: 0.9
     )
+  ),
+  'position': (
+    responsive: true,
+    property: position,
+    values: static relative absolute fixed sticky
   )
 );