From d8b29b1834d205442f271bb0b1c5ad20172bcc05 Mon Sep 17 00:00:00 2001
From: Corey Lafferty <clafferty@gmail.com>
Date: Fri, 14 Jul 2023 11:36:26 -0400
Subject: [PATCH 1/3] adds spacing utility classes

---
 services/app/source/06-utility/index.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/services/app/source/06-utility/index.css b/services/app/source/06-utility/index.css
index 8f9256f7..8b79542a 100644
--- a/services/app/source/06-utility/index.css
+++ b/services/app/source/06-utility/index.css
@@ -1,4 +1,5 @@
 @layer utility {
   @import 'accessibility.css';
   @import 'alignment.css';
+  @import 'spacing.css';
 }

From 92c2ae3acd1344e27972f59fd557f2c81550a8e8 Mon Sep 17 00:00:00 2001
From: Corey Lafferty <coreylafferty@gmail.com>
Date: Wed, 19 Jul 2023 15:35:01 -0400
Subject: [PATCH 2/3] adding missing file (doh!)

---
 services/app/source/06-utility/spacing.css | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 services/app/source/06-utility/spacing.css

diff --git a/services/app/source/06-utility/spacing.css b/services/app/source/06-utility/spacing.css
new file mode 100644
index 00000000..9eb3622f
--- /dev/null
+++ b/services/app/source/06-utility/spacing.css
@@ -0,0 +1,27 @@
+@each $value in (0, 0-5, 1, 1-5, 2, 2-5, 3, 4, 5, 6, 7, 8, 9, 10, 12, 15) {
+  .u-spacing-block-$(value) {
+    margin-block-end: var(--spacing-#{$value});
+    margin-block-start: var(--spacing-#{$value});
+  }
+
+  .u-spacing-block-start-$(value) {
+    margin-block-start: var(--spacing-#{$value});
+  }
+
+  .u-spacing-block-end-$(value) {
+    margin-block-end: var(--spacing-#{$value});
+  }
+
+  .u-spacing-inline-$(value) {
+    margin-inline-end: var(--spacing-#{$value});
+    margin-inline-start: var(--spacing-#{$value});
+  }
+
+  .u-spacing-inline-start-$(value) {
+    margin-inline-start: var(--spacing-#{$value});
+  }
+
+  .u-spacing-inline-end-$(value) {
+    margin-inline-end: var(--spacing-#{$value});
+  }
+}

From 54b2becad4eedb660aa3790e393d98826e7432af Mon Sep 17 00:00:00 2001
From: KJ Monahan <kj@forumone.com>
Date: Sat, 22 Jul 2023 09:48:46 -0500
Subject: [PATCH 3/3] Switch to shorthand properties to test tsc

---
 services/app/source/06-utility/spacing.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/services/app/source/06-utility/spacing.css b/services/app/source/06-utility/spacing.css
index 9eb3622f..0f43c558 100644
--- a/services/app/source/06-utility/spacing.css
+++ b/services/app/source/06-utility/spacing.css
@@ -1,7 +1,6 @@
 @each $value in (0, 0-5, 1, 1-5, 2, 2-5, 3, 4, 5, 6, 7, 8, 9, 10, 12, 15) {
   .u-spacing-block-$(value) {
-    margin-block-end: var(--spacing-#{$value});
-    margin-block-start: var(--spacing-#{$value});
+    margin-block: var(--spacing-#{$value});
   }
 
   .u-spacing-block-start-$(value) {
@@ -13,8 +12,7 @@
   }
 
   .u-spacing-inline-$(value) {
-    margin-inline-end: var(--spacing-#{$value});
-    margin-inline-start: var(--spacing-#{$value});
+    margin-inline: var(--spacing-#{$value});
   }
 
   .u-spacing-inline-start-$(value) {