SDSS-1185: Update caption text to be centered to the image and center…

… aligned (#464) * SDSS-1185: Update caption text to be centered to the image and center aligned.
SU-SWS · Aug 2, 2024 · 70f3e23 · 70f3e23
1 parent 2fb128a
commit 70f3e23
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/dist/css/sdss_subtheme.css b/docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/dist/css/sdss_subtheme.css
diff --git a/docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/src/scss/theme/_caption.scss b/docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/src/scss/theme/_caption.scss
@@ -22,7 +22,7 @@
     @include sdss-caption;
 
     * {
-      line-height: 1.3;
+      line-height: 1.5;
     }
   }
 }
diff --git a/...rofiles/sdss/sdss_profile/themes/sdss_subtheme/src/scss/utilities/mixins/_typography.scss b/...rofiles/sdss/sdss_profile/themes/sdss_subtheme/src/scss/utilities/mixins/_typography.scss
@@ -210,13 +210,14 @@
 // Captions mixin
 @mixin sdss-caption {
   color: $su-color-black-70;
-  text-align: left;
+  text-align: center;
   float: unset;
   width: auto;
-  max-width: 750px;
+  max-width: 900px;
+  margin: 0 auto;
 
   @include grid-media-min('2xl') {
-    font-size: 1.9rem;
+    font-size: 1.8rem;
   }
 
   @include grid-media-between('md','xl') {