Merge pull request #1271 from ASU/UDS-1656

fix(unity-bootstrap-theme): fixed overlapping h1 when text wraps
ASU · May 3, 2024 · 8401d0c · 8401d0c
2 parents 3e6a70f + 76e40d6
commit 8401d0c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/unity-bootstrap-theme/src/scss/extends/_headings.scss b/packages/unity-bootstrap-theme/src/scss/extends/_headings.scss
@@ -54,6 +54,10 @@ h1, .h1 {
   line-height: $heading-one-line-height;
   letter-spacing: $heading-one-letter-spacing;
 
+  span[class^='highlight-'] {
+    padding: .5px 0;
+  }
+
   &.article {
     font-size: $heading-one-article-font-size;
     line-height: $heading-one-article-line-height;

diff --git a/packages/unity-bootstrap-theme/src/scss/variables/_headings.scss b/packages/unity-bootstrap-theme/src/scss/variables/_headings.scss
@@ -6,7 +6,7 @@ $heading-margin: 1rem;
 $heading-line-height: calc(100% + .12em);
 
 $heading-one-font-size: 4rem;
-$heading-one-line-height: 4.25rem;
+$heading-one-line-height: 4.5rem;
 $heading-one-letter-spacing: -0.14rem;
 
 $heading-one-article-font-size: 3rem;