Fixed some body card horizontal scroll and column collapse issues

[bookstack] / resources / assets / sass / _text.scss

diff --git a/resources/assets/sass/_text.scss b/resources/assets/sass/_text.scss
index 41c99bbe594eabde42ca80f97db763a201817cc8..1a613898e1e6b24613e3625c1dea73fac91dbc20 100644 (file)
--- a/resources/assets/sass/_text.scss
+++ b/resources/assets/sass/_text.scss
@@ -291,15 +291,27 @@ li.checkbox-item, li.task-list-item {
 .text-center {
   text-align: center;
 }
-
 .text-left {
   text-align: left;
 }
-
 .text-right {
   text-align: right;
 }
 
+@each $sizeLetter, $size in $screen-sizes {
+  @include larger-than($size) {
+    .text-#{$sizeLetter}-center {
+      text-align: center;
+    }
+    .text-#{$sizeLetter}-left {
+      text-align: left;
+    }
+    .text-#{$sizeLetter}-right {
+      text-align: right;
+    }
+  }
+}
+
 .text-bigger {
   font-size: 1.1em;
 }