Fix columns align

BouyguesTelecom · Dec 4, 2024 · 4ee7868 · 4ee7868
1 parent aec47e1
commit 4ee7868
Showing 1 changed file with 28 additions and 2 deletions.
diff --git a/packages/styles/framework/src/grid/_columns.scss b/packages/styles/framework/src/grid/_columns.scss
@@ -272,6 +272,18 @@ $gap: 4px,
     &.is-narrow-tablet {
       flex: none;
     }
+
+    &.is-aligned-start {
+      align-self: start !important;
+    }
+
+    &.is-aligned-center {
+      align-self: center !important;
+    }
+
+    &.is-aligned-end {
+      align-self: end !important;
+    }
   }
 
   @include touch {
@@ -382,8 +394,22 @@ $gap: 4px,
       }
     }
 
-    .column.is-narrow {
-      flex: none;
+    .column {
+      &.is-narrow {
+        flex: none;
+      }
+
+      &.is-aligned-start {
+        align-self: start !important;
+      }
+
+      &.is-aligned-center {
+        align-self: center !important;
+      }
+
+      &.is-aligned-end {
+        align-self: end !important;
+      }
     }
   }