diff --git a/packages/unity-bootstrap-theme/src/scss/extends/_anchor-menu.scss b/packages/unity-bootstrap-theme/src/scss/extends/_anchor-menu.scss index 138af3579e..09f7040869 100644 --- a/packages/unity-bootstrap-theme/src/scss/extends/_anchor-menu.scss +++ b/packages/unity-bootstrap-theme/src/scss/extends/_anchor-menu.scss @@ -17,6 +17,8 @@ h4, h2 { font-size: 1rem; + line-height: 1.5rem; + letter-spacing: -0.015rem; padding: 0 !important; &:hover { diff --git a/packages/unity-bootstrap-theme/src/scss/extends/_images.scss b/packages/unity-bootstrap-theme/src/scss/extends/_images.scss index 4d9e30368b..89c1d1c5f5 100644 --- a/packages/unity-bootstrap-theme/src/scss/extends/_images.scss +++ b/packages/unity-bootstrap-theme/src/scss/extends/_images.scss @@ -44,9 +44,12 @@ background: $uds-color-background-white 0% 0% no-repeat padding-box; padding: 2rem; font-size: $uds-size-font-medium; - h3, .h3 { + h2, h3, .h2, .h3 { color: $asu-gray-1; margin: 0 0 1rem 0; + font-size: $heading-three-font-size; + line-height: $heading-three-line-height; + letter-spacing: $heading-three-letter-spacing; } } .uds-caption-text { diff --git a/packages/unity-react-core/src/components/AnchorMenu/AnchorMenu.jsx b/packages/unity-react-core/src/components/AnchorMenu/AnchorMenu.jsx index 8e53cf5562..8c4ff25fc0 100644 --- a/packages/unity-react-core/src/components/AnchorMenu/AnchorMenu.jsx +++ b/packages/unity-react-core/src/components/AnchorMenu/AnchorMenu.jsx @@ -223,13 +223,13 @@ export const AnchorMenu = ({ data-bs-target="#collapseAnchorMenu" aria-controls="collapseAnchorMenu" > -

+

{menuTitle}: -

+ ) : ( -

{menuTitle}:

+

{menuTitle}:

)}
({
) : ( <> -

{title}

+

{title}

{}
diff --git a/packages/unity-react-core/src/components/ComponentCarousel/components/ImageGalleryCarousel/ImageGalleryCarousel.jsx b/packages/unity-react-core/src/components/ComponentCarousel/components/ImageGalleryCarousel/ImageGalleryCarousel.jsx index 4ec496fca5..cbb8733909 100644 --- a/packages/unity-react-core/src/components/ComponentCarousel/components/ImageGalleryCarousel/ImageGalleryCarousel.jsx +++ b/packages/unity-react-core/src/components/ComponentCarousel/components/ImageGalleryCarousel/ImageGalleryCarousel.jsx @@ -186,7 +186,7 @@ const CustomNavComponent = ({ instanceName, imageItems, hasContent }) => { data-testid="image-gallery-content-container" >
- {title ?

{title}

: null} + {title ?

{title}

: null} {}
diff --git a/packages/unity-react-core/src/components/ComponentCarousel/core/components/BaseCarousel/glide/glide.theme.scss b/packages/unity-react-core/src/components/ComponentCarousel/core/components/BaseCarousel/glide/glide.theme.scss index 793b4f4bf3..8c57bc2122 100644 --- a/packages/unity-react-core/src/components/ComponentCarousel/core/components/BaseCarousel/glide/glide.theme.scss +++ b/packages/unity-react-core/src/components/ComponentCarousel/core/components/BaseCarousel/glide/glide.theme.scss @@ -7,6 +7,9 @@ $uds-breakpoint-sm: 576px; $uds-breakpoint-lg: 1260px; $asu-gray-1: #191919; $uds-color-brand-gold: #ffc627; // ASU Gold brand color +$heading-three-font-size: 1.5rem; +$heading-three-line-height: 1.75rem; +$heading-three-letter-spacing: -0.0525rem; @mixin shadow { // At start, no "to right" in ::after rule @@ -284,6 +287,12 @@ $uds-color-brand-gold: #ffc627; // ASU Gold brand color figcaption { padding: 0 0.75rem; font-size: 0.75rem; + + h2 { + font-size: $heading-three-font-size; + line-height: $heading-three-line-height; + letter-spacing: $heading-three-letter-spacing; + } } .image-navigator {