From f5719ef0d1f84caf283223c59ee3caa7b113ed1c Mon Sep 17 00:00:00 2001
From: Corey Lafferty <coreylafferty@gmail.com>
Date: Thu, 11 Jan 2024 11:55:05 -0500
Subject: [PATCH] update to alignment classes to match other Gesso flavors

---
 source/03-components/Figure/figure.module.css |  9 +++++
 source/06-utility/alignment.css               | 33 +++++++++++++++----
 2 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/source/03-components/Figure/figure.module.css b/source/03-components/Figure/figure.module.css
index 9f68d50a..74c5b6e5 100644
--- a/source/03-components/Figure/figure.module.css
+++ b/source/03-components/Figure/figure.module.css
@@ -3,11 +3,14 @@
     display: table;
     margin-block: 0 var(--spacing-2);
 
+    &:global(.align-center),
     &:global(.u-align-center) {
       clear: both;
+      display: table;
       margin-block-start: var(--spacing-2);
     }
 
+    &:global(.align-left),
     &:global(.u-align-left) {
       @media (--tablet) {
         margin-inline-end: var(--spacing-4);
@@ -15,6 +18,7 @@
       }
     }
 
+    &:global(.align-right),
     &:global(.u-align-right) {
       @media (--tablet) {
         margin-inline-start: var(--spacing-4);
@@ -34,6 +38,11 @@
     display: block;
     inline-size: 100%;
 
+    &:global(.align-center),
+    &:global(.u-align-center) {
+      display: block;
+    }
+
     .caption {
       display: block;
     }
diff --git a/source/06-utility/alignment.css b/source/06-utility/alignment.css
index 71198316..f8820e74 100644
--- a/source/06-utility/alignment.css
+++ b/source/06-utility/alignment.css
@@ -1,5 +1,5 @@
-.u-align-left,
-.align-left {
+.align-left,
+.u-align-left {
   @media (--tablet) {
     float: inline-start;
     margin-inline-end: var(--gutter-width);
@@ -18,8 +18,8 @@
   }
 }
 
-.u-align-right,
-.align-right {
+.align-right,
+.u-align-right {
   @media (--tablet) {
     float: inline-end;
     margin-inline-start: var(--gutter-width);
@@ -38,11 +38,32 @@
   }
 }
 
-.u-align-center,
-.align-center {
+.align-center,
+.u-align-center {
+  display: block;
   margin-inline: auto;
 }
 
+.text-align-left,
+.u-text-align-left {
+  text-align: left;
+}
+
+.text-align-right,
+.u-text-align-right {
+  text-align: right;
+}
+
+.text-align-center,
+.u-text-align-center {
+  text-align: center;
+}
+
+.text-align-justify,
+.u-text-align-justify {
+  text-align: justify;
+}
+
 .u-clear-both {
   clear: both;
 }