From d7a482966f6875b45bafb14be89b27969ce0949e Mon Sep 17 00:00:00 2001
From: MoxAmber <amber.steele@overleaf.com>
Date: Thu, 19 Sep 2024 14:39:50 +0100
Subject: [PATCH] Merge pull request #20463 from overleaf/as-jel-cms-text-align

[web] Option on CMS pages to center text only on destkop or mobile devices

GitOrigin-RevId: fd5006e4b46c53627cdc39cc41ea75f016411003
---
 .../stylesheets/bootstrap-5/base/typography.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/typography.scss b/services/web/frontend/stylesheets/bootstrap-5/base/typography.scss
index 62bdd039d1..c7e212050d 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/base/typography.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/typography.scss
@@ -73,3 +73,19 @@ samp {
 .list-style-check-green {
   list-style-image: url('../../../../public/img/fa-check-green.svg');
 }
+
+.text-center {
+  text-align: center;
+}
+
+@include media-breakpoint-up(lg) {
+  .text-center-only-desktop {
+    text-align: center;
+  }
+}
+
+@include media-breakpoint-down(lg) {
+  .text-center-only-mobile {
+    text-align: center;
+  }
+}