make the business line font size sync with figma

GSA · Jun 29, 2023 · abddb1b · abddb1b
1 parent 095a279
commit abddb1b
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 8 deletions.
diff --git a/public/styles/styles.css b/public/styles/styles.css
diff --git a/public/styles/styles.css.map b/public/styles/styles.css.map
diff --git a/sass/_components/home.scss b/sass/_components/home.scss
@@ -61,15 +61,20 @@
   display:flex;
   align-items: center;
 }
+.usa-graphic-list{
+  font-size: 1em;
+}
+
 .usa-section--dark{
-  line-height: line-height('body', 6);
-  color: white;
-  background-color: color('primary-dark');
-  h2, h3 {
+    line-height: line-height('body', 6);
     color: white;
-  }
+    background-color: color('primary-dark');
+    h2, h3 {
+      color: white;
+    }
 }
 
+
 // based on new design, h1-h3 are using Merriweather and use base darkest color
 h1, h2, h3{
   font-family: family('serif');

diff --git a/src/components/Businesslines.astro b/src/components/Businesslines.astro
@@ -10,7 +10,7 @@ import yellowcard from "../assets/images/yellow-card.svg"
     <div class="grid-row grid-gap margin-bottom-4">
       <div class="tablet:grid-col-6">
         <div class="padding-left-1">
-          <h2>Business lines</h2>
+          <h2>Business Lines</h2>
         </div>
       </div>
       <div class="tablet:grid-col-6 align-items-center">