From 216817e8bf9a147f0a9289859c76e081f9a10965 Mon Sep 17 00:00:00 2001
From: Jen Breese-Kauth <jbreese@stanford.edu>
Date: Wed, 22 May 2024 17:04:24 +0000
Subject: [PATCH] changed back to baseline-20

---
 src/components/layout/global-footer.tsx                       | 2 +-
 src/components/node/stanford-course/card.tsx                  | 2 +-
 src/components/node/stanford-person/horizontal-card.tsx       | 2 +-
 src/components/node/stanford-person/list-item.tsx             | 2 +-
 src/components/node/stanford-person/vertical-card.tsx         | 2 +-
 .../paragraph/sul-contact-card/manual-fields-card.tsx         | 2 +-
 .../paragraph/sul-contact-card/node-reference-card.tsx        | 2 +-
 src/components/patterns/banner.tsx                            | 4 ++--
 src/components/patterns/card.tsx                              | 2 +-
 src/components/patterns/horizontal-card.tsx                   | 2 +-
 10 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/layout/global-footer.tsx b/src/components/layout/global-footer.tsx
index b40393ec..b52f1a92 100644
--- a/src/components/layout/global-footer.tsx
+++ b/src/components/layout/global-footer.tsx
@@ -1,7 +1,7 @@
 const GlobalFooter = () => {
   return (
     <div
-      className="global-footer basefont-18 rs-py-1 text-white bg-cardinal-red">
+      className="global-footer basefont-20 rs-py-1 text-white bg-cardinal-red">
       <div className="centered flex flex-col lg:flex-row" title="Common Stanford resources">
         <div className="text-center mt-5 mb-9">
           <a  rel="nofollow" className="logo text-white hocus:text-white type-3" href="https://www.stanford.edu">
diff --git a/src/components/node/stanford-course/card.tsx b/src/components/node/stanford-course/card.tsx
index c206dfe0..8656be84 100644
--- a/src/components/node/stanford-course/card.tsx
+++ b/src/components/node/stanford-course/card.tsx
@@ -11,7 +11,7 @@ const StanfordCourseCard = ({node, h3Heading, ...props}: Props) => {
   const HeadingElement = h3Heading ? 'h3' : 'h2';
   return (
     <article
-      className="block w-full basefont-18 leading-display bg-white text-black border border-solid border-black-10 shadow-md rs-pt-2 rs-px-2 rs-pb-3" {...props}>
+      className="block w-full basefont-20 leading-display bg-white text-black border border-solid border-black-10 shadow-md rs-pt-2 rs-px-2 rs-pb-3" {...props}>
       <div className="rs-pb-0">
         <span className="font-bold leading-cozy">
           {node.suCourseSubject?.name}
diff --git a/src/components/node/stanford-person/horizontal-card.tsx b/src/components/node/stanford-person/horizontal-card.tsx
index 774b0f91..8ab6b9c9 100644
--- a/src/components/node/stanford-person/horizontal-card.tsx
+++ b/src/components/node/stanford-person/horizontal-card.tsx
@@ -18,7 +18,7 @@ const HorizontalPersonCard = ({node, h3Heading, ...props}: Props) => {
 
   return (
     <article
-      className="flex flex-col @3xl:flex-row w-full basefont-18 leading-display bg-white text-black border-x border-t border-b-5 border-solid border-black-10  border-b-digital-red shadow-md rs-pt-2 rs-px-2 rs-pb-3 mt-0" {...props}>
+      className="flex flex-col @3xl:flex-row w-full basefont-20 leading-display bg-white text-black border-x border-t border-b-5 border-solid border-black-10  border-b-digital-red shadow-md rs-pt-2 rs-px-2 rs-pb-3 mt-0" {...props}>
       {imageUrl &&
         <div className="flex items-center mx-auto mb-50 @3xl:ml-0 @3xl:mb-0 @3xl:mr-50">
           <div className="relative aspect-[1/1] w-[155px]">
diff --git a/src/components/node/stanford-person/list-item.tsx b/src/components/node/stanford-person/list-item.tsx
index 67c97948..61caca18 100644
--- a/src/components/node/stanford-person/list-item.tsx
+++ b/src/components/node/stanford-person/list-item.tsx
@@ -9,7 +9,7 @@ const StanfordPersonListItem = ({node, ...props}: { node: NodeStanfordPerson })
 
   return (
     <article
-      className="@container flex flex-col gap-lg w-full basefont-18 leading-display bg-white text-black" {...props}>
+      className="@container flex flex-col gap-lg w-full basefont-20 leading-display bg-white text-black" {...props}>
       {imageUrl &&
         <div
           className="relative rounded-full overflow-hidden aspect-[1/1] w-[130px] @lg:w-[215px] mx-auto">
diff --git a/src/components/node/stanford-person/vertical-card.tsx b/src/components/node/stanford-person/vertical-card.tsx
index a4f839f6..1f31cbb1 100644
--- a/src/components/node/stanford-person/vertical-card.tsx
+++ b/src/components/node/stanford-person/vertical-card.tsx
@@ -18,7 +18,7 @@ const VerticalPersonCard = ({node, h3Heading, ...props}: Props) => {
 
   return (
     <article
-      className="@container w-full basefont-18 leading-display bg-white text-black border-x border-t-5 border-b border-solid border-black-10 border-t-digital-red shadow-md rs-pt-2 rs-px-2 rs-pb-3 mt-70" {...props}>
+      className="@container w-full basefont-20 leading-display bg-white text-black border-x border-t-5 border-b border-solid border-black-10 border-t-digital-red shadow-md rs-pt-2 rs-px-2 rs-pb-3 mt-70" {...props}>
       {imageUrl &&
         <div
           className="relative flex justify-center pb-70 @lg:pb-80">
diff --git a/src/components/paragraph/sul-contact-card/manual-fields-card.tsx b/src/components/paragraph/sul-contact-card/manual-fields-card.tsx
index f5628bed..ebcd49d4 100644
--- a/src/components/paragraph/sul-contact-card/manual-fields-card.tsx
+++ b/src/components/paragraph/sul-contact-card/manual-fields-card.tsx
@@ -26,7 +26,7 @@ const ManualFieldsCard = ({paragraph}: Props) => {
   return (
     <div className="@container">
       <div
-        className="flex w-full basefont-18 leading-display shadow-md border-0 rounded flex-col @6xl:flex-row">
+        className="flex w-full basefont-20 leading-display shadow-md border-0 rounded flex-col @6xl:flex-row">
 
         {imageUrl &&
           <div className="overflow-hidden aspect-[16/9] relative flex-shrink-0 @6xl:w-1/2">
diff --git a/src/components/paragraph/sul-contact-card/node-reference-card.tsx b/src/components/paragraph/sul-contact-card/node-reference-card.tsx
index 187ecb85..a388c672 100644
--- a/src/components/paragraph/sul-contact-card/node-reference-card.tsx
+++ b/src/components/paragraph/sul-contact-card/node-reference-card.tsx
@@ -26,7 +26,7 @@ const NodeReferenceCard = ({paragraph}: Props) => {
   return (
     <div className="@container">
       <div
-        className="flex w-full basefont-18 leading-display shadow-md border-0 rounded flex-col @6xl:flex-row">
+        className="flex w-full basefont-20 leading-display shadow-md border-0 rounded flex-col @6xl:flex-row">
 
         {imageUrl &&
           <div className="overflow-hidden aspect-[16/9] relative flex-shrink-0 @6xl:w-1/2">
diff --git a/src/components/patterns/banner.tsx b/src/components/patterns/banner.tsx
index ab0ffe18..7b2d6006 100644
--- a/src/components/patterns/banner.tsx
+++ b/src/components/patterns/banner.tsx
@@ -31,7 +31,7 @@ const Banner = ({
   const hasCardText = header || superHeader || body || link;
 
   return (
-    <div className="hero basefont-18 relative h-full mx-auto w-full lg:max-h-500" {...props}>
+    <div className="hero basefont-20 relative h-full mx-auto w-full lg:max-h-500" {...props}>
       <div
         className="w-full overflow-hidden relative max-h-500 min-h-[30rem] lg:min-h-[50rem] bg-[grey]">
         {image}
@@ -41,7 +41,7 @@ const Banner = ({
         <div
           className={`mx-auto block lg:absolute lg:top-auto lg:bottom-36 ${overlayPosition === 'right' ? 'lg:right-36' : 'lg:left-36'}`}>
           <div
-            className="card basefont-18 leading-display bg-white text-black border border-solid border-black-10 shadow relative lg:max-w-[50%]">
+            className="card basefont-20 leading-display bg-white text-black border border-solid border-black-10 shadow relative lg:max-w-[50%]">
             <Card
               header={header}
               superHeader={superHeader}
diff --git a/src/components/patterns/card.tsx b/src/components/patterns/card.tsx
index 4aaf8ad6..83dffdd3 100644
--- a/src/components/patterns/card.tsx
+++ b/src/components/patterns/card.tsx
@@ -45,7 +45,7 @@ const Card = ({
   }
   return (
     <div
-      className="card block w-full basefont-18 leading-display bg-white text-black border border-solid border-black-10 shadow-md">
+      className="card block w-full basefont-20 leading-display bg-white text-black border border-solid border-black-10 shadow-md">
 
       {(image) &&
         <div className="overflow-hidden aspect-[16/9] relative" aria-hidden="true">
diff --git a/src/components/patterns/horizontal-card.tsx b/src/components/patterns/horizontal-card.tsx
index a63a0948..b29a0f36 100644
--- a/src/components/patterns/horizontal-card.tsx
+++ b/src/components/patterns/horizontal-card.tsx
@@ -69,7 +69,7 @@ const HorizontalCard = ({
       }
 
       <div
-        className="@container centered relative basefont-18 leading-display text-white mt-[77px] @6xl:mt-0 pt-[5.8rem] pb-[7.2rem] lg:px-80">
+        className="@container centered relative basefont-20 leading-display text-white mt-[77px] @6xl:mt-0 pt-[5.8rem] pb-[7.2rem] lg:px-80">
 
         <div className="grid @6xl:grid-cols-2 gap-2xl items-center">
           {(image || video) &&