SUP-192 | @jenbreese | add custom colors and update media caption lin…

…k style (#5) * SUP-192: media caption * SUP-192: added custom colors * shift colors config into extends section * fixup lint issue with image focal points; regenerate drupal graphql * fixup * fixup * remove lockup --------- Co-authored-by: rebeccahongsf <rebeccahongsf@gmail.com>
SU-SWS · May 2, 2024 · bd7e632 · bd7e632
1 parent d4623d7
commit bd7e632
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/src/components/elements/action-link.tsx b/src/components/elements/action-link.tsx
@@ -14,7 +14,7 @@ const ActionLink = ({children, ...props}: Props) => {
   return (
     <Link {...props} className={twMerge("relative", props.className)}>
       {children}
-      <ChevronRightIcon height={25} className="ml-2 inline-block"/>
+      <ChevronRightIcon height={20} className="ml-2 inline-block mb-2"/>
     </Link>
   )
 }

diff --git a/src/components/elements/wysiwyg.tsx b/src/components/elements/wysiwyg.tsx
@@ -61,7 +61,7 @@ const options: HTMLReactParserOptions = {
           return cleanMediaMarkup(domNode);
 
         case "p":
-          nodeProps.className = twMerge(nodeProps.className, "max-w-[100ch] leading-[1.7] text-21");
+          nodeProps.className = twMerge(nodeProps.className, "max-w-[100ch] leading-[1.7] type-1");
           return <NodeName {...nodeProps}>{domToReact(children, options)}</NodeName>
 
         case "script":

diff --git a/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx b/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
@@ -32,9 +32,9 @@ const MediaCaptionParagraph = ({paragraph, ...props}: Props) => {
       }
       {videoUrl && <Oembed url={videoUrl}/>}
 
-      <figcaption className="text-right text-m0 text-cool-grey color">
+      <figcaption className="text-archway-dark">
         {paragraph.suMediaCaptionLink?.url &&
-          <Link href={paragraph.suMediaCaptionLink.url}>
+          <Link href={paragraph.suMediaCaptionLink.url} className="link--action">
             {paragraph.suMediaCaptionLink.title}
           </Link>
         }

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -42,8 +42,12 @@ module.exports = {
         '15xl': '150rem',
       },
       scale: {
-        '-100': '-1'
-      }
+        '-100': '-1',
+      },
+      colors: {
+        'press-indigo': '#003D69',
+        'press-grass': '#00593E',
+      },
     },
   },
   plugins: [