[DURACOM-177] gap-* classes

DSpace · Jul 12, 2023 · 5ab10d1 · 5ab10d1
1 parent db6edbf
commit 5ab10d1
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
@@ -267,3 +267,26 @@ ul.dso-edit-menu-dropdown > li .nav-item.nav-link {
 .table td {
   vertical-align: middle;
 }
+
+/* Flexbox gap utility classes */
+
+.gap-0 { gap: 0; }
+.gap-1 { gap: calc(#{$spacer} * .25); }
+.gap-2 { gap: calc(#{$spacer} * .5); }
+.gap-3 { gap: #{$spacer}; }
+.gap-4 { gap: calc(#{$spacer} * 1.5); }
+.gap-5 { gap: calc(#{$spacer} * 3); }
+
+.gapx-0 { row-gap: 0; }
+.gapx-1 { row-gap: calc(#{$spacer} * .25); }
+.gapx-2 { row-gap: calc(#{$spacer} * .5); }
+.gapx-3 { row-gap: #{$spacer}; }
+.gapx-4 { row-gap: calc(#{$spacer} * 1.5); }
+.gapx-5 { row-gap: calc(#{$spacer} * 3); }
+
+.gapy-0 { column-gap: 0; }
+.gapy-1 { column-gap: calc(#{$spacer} * .25); }
+.gapy-2 { column-gap: calc(#{$spacer} * .5); }
+.gapy-3 { column-gap: #{$spacer}; }
+.gapy-4 { column-gap: calc(#{$spacer} * 1.5); }
+.gapy-5 { column-gap: calc(#{$spacer} * 3); }