Perms: Fixed some issues made when adding transactions

[bookstack] / resources / sass / _spacing.scss

diff --git a/resources/sass/_spacing.scss b/resources/sass/_spacing.scss
index 57b229ab8eb3f50617c26e112f5ab2fb5e16bd4e..6b5e2f837d933f08e112cf826fe5c1f9b902ba96 100644 (file)
--- a/resources/sass/_spacing.scss
+++ b/resources/sass/_spacing.scss
@@ -1,8 +1,10 @@
+@use "vars";
+
 // Here we generate spacing utility classes for our sizes for all box sides and axis.
 // These will output to classes like .px-m (Padding on x-axis, medium size) or .mr-l (Margin right, large size)
 
 @mixin spacing($prop, $propLetter) {
-  @each $sizeLetter, $size in $spacing {
+  @each $sizeLetter, $size in vars.$spacing {
     .#{$propLetter}-#{$sizeLetter} {
       #{$prop}: $size !important;
     }
@@ -28,5 +30,17 @@
     }
   }
 }
-@include spacing('margin', 'm')
-@include spacing('padding', 'p')
\ No newline at end of file
+@include spacing('margin', 'm');
+@include spacing('padding', 'p');
+
+@each $sizeLetter, $size in vars.$spacing {
+  .gap-#{$sizeLetter} {
+    gap: $size !important;
+  }
+  .gap-x-#{$sizeLetter} {
+    column-gap: $size !important;
+  }
+  .gap-y-#{$sizeLetter} {
+    row-gap: $size !important;
+  }
+}