THUB-35 THUB-33: font tweaks (#17)

* THUB-35 THUB-33: font tweaks
SU-SWS · Jul 15, 2024 · 85e9c81 · 85e9c81
1 parent 5a4e36a
commit 85e9c81
Show file tree

Hide file tree

Showing 10 changed files with 34 additions and 8 deletions.
diff --git a/dist/css/main.css b/dist/css/main.css
diff --git a/src/scss/components/banner/_default-banner.scss b/src/scss/components/banner/_default-banner.scss
@@ -37,7 +37,7 @@
             }
 
             p {
-                font-size: 2.1rem;
+                font-size: 2rem;
                 line-height: 1.5;
 
                 a {

diff --git a/src/scss/components/banner/_overlay-banner.scss b/src/scss/components/banner/_overlay-banner.scss
@@ -48,7 +48,7 @@
             }
 
             p {
-                font-size: 2.1rem;
+                font-size: 2rem;
                 line-height: 1.5;
 
                 a {

diff --git a/src/scss/components/card/_basic-card.scss b/src/scss/components/card/_basic-card.scss
@@ -11,7 +11,6 @@
             img,
             figure {
                 display: block;
-                min-height: 397px;
                 width: 100%;
                 object-fit: cover;
             }
@@ -30,13 +29,18 @@
             }
 
             p {
+                font-size: 2rem;
                 padding: 1.8rem 0;
+
+                @include grid-media-max('md') {
+                    font-size: 1.8rem;
+                }
             }
 
 
             h2,
             h3 {
-                @include thub-type-b;
+                @include thub-type-c;
 
                 margin-bottom: 0;
             }

diff --git a/src/scss/components/hero-banner/_hero-banner.scss b/src/scss/components/hero-banner/_hero-banner.scss
@@ -251,8 +251,8 @@ main .su-alert {
       font-size: 2rem;
       font-weight: $su-font-regular;
 
-      @include grid-media-min('md') {
-        font-size: 2.4rem;
+      @include grid-media-max('md') {
+        font-size: 1.8rem;
       }
 
       a {

diff --git a/src/scss/components/person/_person-teasers.scss b/src/scss/components/person/_person-teasers.scss
@@ -20,6 +20,7 @@
       }
 
       section.su-card__contents {
+        font-size: 2rem;
         padding: 2rem 3rem 3.2rem 3.2rem;
         text-align: left;
 

diff --git a/src/scss/components/teaser/_basic-page-teaser.scss b/src/scss/components/teaser/_basic-page-teaser.scss
@@ -21,6 +21,7 @@
 
             section.su-card__contents {
                 padding: 4rem 0 0 0;
+                font-size: 2rem;
 
                 h2,
                 h3 {

diff --git a/src/scss/theme/_card.scss b/src/scss/theme/_card.scss
@@ -0,0 +1,13 @@
+@charset "UTF-8";
+
+.su-card {
+    .su-card__contents {
+        p {
+            font-size: 2rem;
+
+            @include grid-media-max('md') {
+                font-size: 1.8rem;
+            }
+        }
+    }
+}
diff --git a/src/scss/theme/_wysiwyg.scss b/src/scss/theme/_wysiwyg.scss
@@ -1,11 +1,17 @@
 @charset "UTF-8";
 
+@include grid-media-min('xs') {
+  body {
+   font-size: 1.8rem
+  }
+}
+
 main {
   .su-wysiwyg-text {
     h2,
     h3 {
       @include thub-heading--badge;
-  
+
       width: fit-content;
     }
   }

diff --git a/src/scss/theme/index.scss b/src/scss/theme/index.scss
@@ -13,6 +13,7 @@
 
 // Config and supporting scss.
 @import 'button';
+@import 'card';
 @import 'cta';
 @import 'links';
 @import 'wysiwyg';
-Original file line number
+Diff line change
@@ Expand Up / @@ -37,7 +37,7 @@ @@
                 }
                 p {
-                    font-size: 2.1rem;
+                    font-size: 2rem;
                     line-height: 1.5;
                     a {
@@ Expand Down @@