chore: change font color and family

dscnitrourkela · Oct 2, 2023 · 023c9fd · 023c9fd
1 parent be9fb3e
commit 023c9fd
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/config/content/Sponsor.js b/config/content/Sponsor.js
@@ -10,7 +10,7 @@ export default {
       link: 'https://mlh.io/',
       width: '170px',
       alt: 'Major League Hacking',
-      color: '#5c9dff',
+      color: 'accent',
     },
   ],
   beta: [

diff --git a/src/components/Sponsors/styles.js b/src/components/Sponsors/styles.js
@@ -26,6 +26,21 @@ const SponsorLogo = styled.div`
   }
 `;
 
+const SponsorTitle = styled(Heading3)`
+  ${tw`text-center font-Inter`}
+  color: ${(props) => props.color};
+
+  ${({ accent }) =>
+    accent
+      ? `
+      background: var(--brand-gradient);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    `
+      : ''}
+`;
+
 export const SponsorIcon = ({ pic, alt, size, link, margin, marginTop, title, color }) => (
   <SponsorLogo style={{ margin }}>
     {pic ? (
@@ -35,7 +50,9 @@ export const SponsorIcon = ({ pic, alt, size, link, margin, marginTop, title, co
     ) : (
       <div />
     )}
-    <Heading3 style={{ paddingTop: '2rem', color }}>{title}</Heading3>
+    <SponsorTitle color={color} accent={color === 'accent'}>
+      {title}
+    </SponsorTitle>
   </SponsorLogo>
 );