Issue #3489260 by grimreaper: Styles not implemented

docs/Out-of-scope.md

@@ -71,3 +71,8 @@ Responsive variations have not been added in the styles.
 
 [Object fit](https://getbootstrap.com/docs/5.3/utilities/object-fit/):
 Responsive variations have not been added in the styles.
+
+#### Spacing
+
+[Spacing](https://getbootstrap.com/docs/5.3/utilities/spacing/):
+Responsive variations have not been added in the styles.

ui_suite_bootstrap.ui_styles.yml

@@ -1269,6 +1269,54 @@ spacing_horizontal_centering:
     mx-auto: "Center"
   weight: -60
 
+spacing_gap:
+  category: "Spacing"
+  label: "Gap"
+  description: "When using display: grid or display: flex, you can make use of gap utilities on the parent element. This can save on having to add margin utilities to individual children of a grid or flex container. Gap utilities are responsive by default."
+  links:
+    - 'https://getbootstrap.com/docs/5.3/utilities/spacing/#gap'
+  options:
+    gap-0: "0"
+    gap-1: "1"
+    gap-2: "2"
+    gap-3: "3"
+    gap-4: "4"
+    gap-5: "5"
+  previewed_as: hidden
+  weight: -58
+
+spacing_gap_row:
+  category: "Spacing"
+  label: "Row gap"
+  description: "row-gap sets the vertical space between children items in the specified container."
+  links:
+    - 'https://getbootstrap.com/docs/5.3/utilities/spacing/#row-gap'
+  options:
+    row-gap-0: "0"
+    row-gap-1: "1"
+    row-gap-2: "2"
+    row-gap-3: "3"
+    row-gap-4: "4"
+    row-gap-5: "5"
+  previewed_as: hidden
+  weight: -57
+
+spacing_gap_column:
+  category: "Spacing"
+  label: "Column gap"
+  description: "column-gap sets the horizontal space between children items in the specified container."
+  links:
+    - 'https://getbootstrap.com/docs/5.3/utilities/spacing/#column-gap'
+  options:
+    column-gap-0: "0"
+    column-gap-1: "1"
+    column-gap-2: "2"
+    column-gap-3: "3"
+    column-gap-4: "4"
+    column-gap-5: "5"
+  previewed_as: hidden
+  weight: -56
+
 text_font_weight:
   category: "Text"
   label: "Font weight"
@@ -1439,6 +1487,8 @@ typography:
     fs-4: "Font size 4"
     fs-5: "Font size 5"
     fs-6: "Font size 6"
+    small: "Small"
+    mark: "Mark"
   weight: -99
 
 vertical_align: