THUB-28: adjustments to spacing and font sizes on banner top.

SU-SWS · Jun 26, 2024 · 0de1cd9 · 0de1cd9
1 parent cc8314c
commit 0de1cd9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/dist/css/main.css b/dist/css/main.css
diff --git a/src/scss/components/hero-banner/_hero-banner.scss b/src/scss/components/hero-banner/_hero-banner.scss
@@ -22,7 +22,7 @@
   display: inline-block;
   right: 0;
   margin-top: 2rem;
-  
+
   @include grid-media-min('lg') {
     position: relative;
     display: block;
@@ -78,7 +78,7 @@ main .su-alert {
     width: 100vw;
     z-index: 1; // To allow access to click link.
     clip-path: ellipse(80% 60% at 50% 40%);
-    
+
     @include grid-media-min('sm') {
       margin-top: -128px;
       }
@@ -153,21 +153,21 @@ main .su-alert {
     max-width: 654px;
     margin-bottom: 12rem;
     margin-top: 16rem;
-    
+
     @include grid-media-min('md') {
       margin-top: 14rem;
     }
 
     @include grid-media-min('lg') {
-      margin-top: 20rem;
+      margin-top: 14rem;
     }
 
     @include grid-media-min('xl') {
       margin-bottom: 10rem;
     }
 
     @include grid-media-min('2xl') {
-      margin-top: 12rem;
+      margin-top: 8rem;
     }
 
     &::before {
@@ -196,7 +196,8 @@ main .su-alert {
     }
 
     h2 {
-      @include thub-type-a;
+      @include thub-type-b;
+      @include responsive-spacing('margin-bottom', 1);
     }
 
     h2,
@@ -231,11 +232,11 @@ main .su-alert {
 
     p {
       color: $su-color-white;
-      font-size: 2.5rem;
+      font-size: 2rem;
       font-weight: $su-font-regular;
 
       @include grid-media-min('md') {
-        font-size: 3rem;
+        font-size: 2.4rem;
       }
 
       a {