This new class for flex-grid centralizes a flex parent's descendants.

diff --git a/scss/components/_flex.scss b/scss/components/_flex.scss
index 0b7426c068d015d392b891d0916f78522e540df0..614eef721e1be64c63f9a7726daa519e8c2ee21b 100644 (file)
--- a/scss/components/_flex.scss
+++ b/scss/components/_flex.scss
@@ -17,13 +17,12 @@
     }
   }
 
-  .align-central {
+  // Central alignment of content
+  .align-center-middle {
+    @include flex-align($x: center, $y: middle);
     align-content: center;
-    @include flex-align($x: 'center');
-    @include flex-align($y: 'middle');
   }
 
-
   // Source ordering
   @include -zf-each-breakpoint {
     @for $i from 1 through 6 {