fuss with font size on flex pages (#2656)

openstax · Aug 6, 2024 · 652ca6f · 652ca6f
1 parent b07a9b6
commit 652ca6f
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 deletions.
diff --git a/src/app/pages/flex-page/blocks/CTABlock.scss b/src/app/pages/flex-page/blocks/CTABlock.scss
@@ -11,10 +11,12 @@
   > a:nth-of-type(1):not(.styled-button) {
       @include button();
       @extend %primary;
+      @include body-font(2rem);
   }
   > a:nth-of-type(2):not(.styled-button) {
       @include button();
       background-color: ui-color(white);
+      @include body-font(2rem);
   }
 }
 
@@ -23,22 +25,26 @@
   &.style-orange {
       @include button();
       @extend %primary;
+      @include body-font(2rem);
   }
 
   &.style-white {
       @include button();
       background-color: ui-color(white);
+      @include body-font(2rem);
   }
 
   &.style-blue_outline {
       @include button();
       background-color: ui-color(white);
       border-color: os-color(blue);
+      @include body-font(2rem);
   }
 
   &.style-deep_green_outline {
       @include button();
       background-color: ui-color(white);
       border-color: os-color(deep-green);
+      @include body-font(2rem);
   }
 }
diff --git a/src/app/pages/flex-page/blocks/CardsBlock.scss b/src/app/pages/flex-page/blocks/CardsBlock.scss
@@ -82,4 +82,8 @@
         box-shadow: 0 -1rem 0 os-color(red);
       }
     }
+
+    h2, h3 {
+      @include scale-set-font(h4, h3);
+    }
 }
diff --git a/src/app/pages/flex-page/blocks/LinksBlock.scss b/src/app/pages/flex-page/blocks/LinksBlock.scss
@@ -10,6 +10,7 @@
 
   > a {
       @include button();
+      @include body-font(2rem);
       white-space: break-spaces;
       padding: 1.5rem;
       height: auto;

diff --git a/src/app/pages/flex-page/blocks/RichTextBlock.scss b/src/app/pages/flex-page/blocks/RichTextBlock.scss
@@ -11,17 +11,8 @@
     margin-top: 0;
   }
 
-  h1 {
-    @include title-font(4.8rem);
-  }
-  h2 {
-    @include title-font(2.6rem);
-  }
-  h3 {
-    @include title-font(1.8rem);
-  }
-  h4, h5, h6 {
-    @include title-font(1.6rem);
+  h5, h6 {
+    @extend %text-h4;
   }
 
   p {