Fix: Add minimal styling

sandypockets · Dec 16, 2023 · 9410c81 · 9410c81
1 parent 292e3ef
commit 9410c81
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 18 deletions.
diff --git a/example/pages/blog/[slug].jsx b/example/pages/blog/[slug].jsx
@@ -30,10 +30,10 @@ export async function getStaticProps({ params }) {
 export default function Post({ postData, slug }) {
   return (
     <article>
-      <h1>{slug}</h1>
+      <h1 className="text-5xl">{slug}</h1>
       <p>Reading time: {postData.readingTime} min</p>
       <div>
-        <h3>Table of Contents</h3>
+        <h3 className="text-2xl">Table of Contents</h3>
         <div dangerouslySetInnerHTML={{ __html: postData.toc }} />
       </div>
       <div dangerouslySetInnerHTML={{ __html: postData.contentHtml }} />

diff --git a/example/styles/globals.css b/example/styles/globals.css
@@ -2,21 +2,11 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
 body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
+  color: white;
+  background: black;
 }
+
+ol, ul {
+  list-style: disc;
+}