Add missing !important-s to responsive text alignment classes; fixes #18300

Closes #18314 by merging a tweaked version of it.

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index 521d2f9874e69dc3bd2f6a8649bb97367b7c614e..3a042bf39a89dbe07f1136b321f62e2542887a7c 100644 (file)
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -57,9 +57,9 @@
 
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-    .text-#{$breakpoint}-left   { text-align: left; }
-    .text-#{$breakpoint}-right  { text-align: right; }
-    .text-#{$breakpoint}-center { text-align: center; }
+    .text-#{$breakpoint}-left   { text-align: left !important; }
+    .text-#{$breakpoint}-right  { text-align: right !important; }
+    .text-#{$breakpoint}-center { text-align: center !important; }
   }
 }