Просмотр исходного кода

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
MoxAmber 1 год назад
Родитель
Сommit
d7a482966f
1 измененных файлов с 16 добавлено и 0 удалено
  1. 16 0
      services/web/frontend/stylesheets/bootstrap-5/base/typography.scss

+ 16 - 0
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;
+  }
+}