rename vertical align flex utils to middle to avoid clash with horizontal center

diff --git a/scss/utilities/_flex.scss b/scss/utilities/_flex.scss
index ee405416668578126f9f9f62984023bf9ce5b2e2..c22e0114f05081c5ff2c94038b580b57d7e48e8e 100644 (file)
--- a/scss/utilities/_flex.scss
+++ b/scss/utilities/_flex.scss
@@ -13,14 +13,14 @@
     // Alignment for every item
     @include media-breakpoint-up($breakpoint) {
       .flex-items-#{$breakpoint}-top    { align-items: flex-start; }
-      .flex-items-#{$breakpoint}-center { align-items: center; }
+      .flex-items-#{$breakpoint}-middle { align-items: center; }
       .flex-items-#{$breakpoint}-bottom { align-items: flex-end; }
     }
 
     // Alignment per item
     @include media-breakpoint-up($breakpoint) {
       .flex-#{$breakpoint}-top    { align-self: flex-start; }
-      .flex-#{$breakpoint}-center { align-self: center; }
+      .flex-#{$breakpoint}-middle { align-self: center; }
       .flex-#{$breakpoint}-bottom { align-self: flex-end; }
     }
   }