chore: small markdown styling tweaks

wodeni · Dec 29, 2024 · 3ea6aa2 · 3ea6aa2
1 parent 3bfd5e8
commit 3ea6aa2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/Academic.tsx b/src/Academic.tsx
@@ -333,7 +333,7 @@ export const Section = ({
   );
 };
 export const Footer = () => (
-  <div className="md:col-span-3 mt-auto w-full flex flex-col text-sm justify-center items-center text-gray-500 dark:text-neutral-400 mt-10 md:mt-8">
+  <div className="md:col-span-3 mt-auto w-full flex flex-col text-sm justify-center items-center text-gray-500 dark:text-neutral-400 mt-12 md:mt-8">
     <span className="mb-2">
       © {new Date().getUTCFullYear()} Wode "Nimo" Ni.
       {/* Last updated on{" "}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -32,6 +32,14 @@ module.exports = {
           h2: {
             "@apply text-2xl font-semibold mt-8 mb-3": {},
           },
+          // Nested h3
+          h3: {
+            "@apply text-xl font-semibold mt-6 mb-2": {},
+          },
+          // Nested h4
+          h4: {
+            "@apply text-lg font-semibold mt-4 mb-2": {},
+          },
           // Nested a
           a: {
             "@apply text-primary hover:opacity-70 ease-in-out duration-100": {},
@@ -55,6 +63,13 @@ module.exports = {
           ol: {
             "@apply list-decimal ml-6 my-4": {},
           },
+          img: {
+            "@apply rounded": {},
+          },
+          blockquote: {
+            "@apply border-l-4 border-gray-500 dark:border-gray-400 pl-4 italic":
+              {},
+          },
 
           // If you wanted code/pre fences, you could add them too:
           // "pre, code": {