style: adjust Home Summary and SkillCard

martapanc · Feb 14, 2024 · 9a2a01d · 9a2a01d
1 parent d24d64d
commit 9a2a01d
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 2 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/src/components/molecules/SkillCard/SkillCard.tsx b/src/components/molecules/SkillCard/SkillCard.tsx
@@ -32,7 +32,7 @@ const SkillCard = ({ skill }: SkillCardProps) => {
         ))}
       </div>
 
-      <h3>{skill.title}</h3>
+      <h3 className='text-2xl font-semibold my-1'>{skill.title}</h3>
 
       <span className='skill-description text-justify font-light'>
         <ReactMarkdown>{skill.description}</ReactMarkdown>

diff --git a/src/components/organisms/home/Summary.tsx b/src/components/organisms/home/Summary.tsx
@@ -3,6 +3,7 @@ import Link from 'next/link';
 import React from 'react';
 import ReactMarkdown from 'react-markdown';
 import reactStringReplace from 'react-string-replace';
+import rehypeRaw from 'rehype-raw';
 
 import clsxm from '@/lib/clsxm';
 
@@ -77,7 +78,7 @@ const Summary = ({ homePage }: SummaryProps) => {
       <p className='mb-4'>{introduction_2}</p>
 
       {introductionParts.map((introPart, id) => (
-        <ReactMarkdown key={id} className='mb-4'>
+        <ReactMarkdown key={id} className='mb-4' rehypePlugins={[rehypeRaw]}>
           {introPart}
         </ReactMarkdown>
       ))}

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -299,4 +299,8 @@
       opacity: 0;
     }
   }
+
+  .strong {
+    font-weight: 550;
+  }
 }
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -25,6 +25,9 @@ export default {
           950: 'rgb(var(--tw-color-primary-950) / <alpha-value>)',
         },
         dark: '#0c1018',
+        fontWeight: {
+          strong: '550',
+        },
       },
       keyframes: {
         flicker: {