SUL23-416 - reducing base font size for headers for md screen (#121)

SU-SWS · Mar 20, 2024 · 5bac775 · 5bac775
1 parent 9388937
commit 5bac775
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/src/components/node/stanford-event/card.tsx b/src/components/node/stanford-event/card.tsx
@@ -78,7 +78,7 @@ const StanfordEventCard = ({node, h3Heading, ...props}: Props) => {
         </div>
 
         <div className="flex flex-col gap-[1.2rem]">
-          <HeadingElement className="text-m2 order-2">
+          <HeadingElement className="text-m1 order-2">
             <Link href={goToUrl}
                   className="text-black-true hover:text-brick-dark underline hover:no-underline">
               {node.title}

diff --git a/src/components/node/stanford-news/card.tsx b/src/components/node/stanford-news/card.tsx
@@ -29,7 +29,7 @@ const StanfordNewsCard = ({node, h3Heading, ...props}: Props) => {
         </div>
       }
 
-      <HeadingElement className="text-m2 order-last">
+      <HeadingElement className="text-m1 order-last">
         <Link href={goToUrl}
               className="text-black-true hover:text-brick-dark underline hover:no-underline">
           {node.title}

diff --git a/src/styles/tailwind/plugins/base/base.js b/src/styles/tailwind/plugins/base/base.js
@@ -29,35 +29,35 @@ module.exports = function () {
         },
       },
       'h3': {
-        fontSize: '1.52em',
+        fontSize: '1.22em',
         letterSpacing: '-0.014em',
         '@screen md': {
-          fontSize: '1.73em',
+          fontSize: '1.38em',
         },
         '@screen lg': {
           fontSize: '1.95em',
         },
       },
       'h4': {
-        fontSize: '1.32em',
+        fontSize: '1.06em',
         letterSpacing: '-0.012em',
         '@screen md': {
-          fontSize: '1.44em',
+          fontSize: '1.15em',
         },
         '@screen lg': {
           fontSize: '1.56em',
         },
       },
       'h5': {
-        fontSize: '1.15em',
+        fontSize: '0.92em',
         letterSpacing: '-0.01em',
         '@screen md': {
-          fontSize: '1.2em',
+          fontSize: '0.96em',
         },
         '@screen lg': {
           fontSize: '1.25em',
         },
       },
     });
   };
-};
+};