Cleaned tailwind install, added emoji support

OpenSourceRaidGuild · Oct 23, 2021 · 1b2fe7d · 1b2fe7d
1 parent b5bf318
commit 1b2fe7d
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 24 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -15,6 +15,11 @@ export default /** @type {import('astro').AstroUserConfig} */ ({
     "@astrojs/renderer-react",
   ],
   devOptions: {
-    tailwindConfig: '/tailwind.config.js'
+    tailwindConfig: './tailwind.config.js',
+  },
+  markdownOptions: {
+    remarkPlugins: [
+      [import('remark-emoji'), { behavior: 'prepend'}]
+    ]
   }
 });
diff --git a/package.json b/package.json
@@ -12,15 +12,15 @@
     "generate": "all-contributors generate"
   },
   "dependencies": {
-    "@docsearch/react": "^1.0.0-alpha.27"
+    "@docsearch/react": "^1.0.0-alpha.27",
+    "@tailwindcss/typography": "^0.4.1",
+    "remark-emoji": "^3.0.1"
   },
   "devDependencies": {
     "@astrojs/renderer-preact": "^0.2.2",
     "@snowpack/plugin-dotenv": "^2.2.0",
     "all-contributors-cli": "^6.20.0",
     "astro": "^0.20.12",
-    "autoprefixer": "^10.3.7",
-    "postcss": "^8.3.11",
     "tailwindcss": "^2.2.17"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
diff --git a/public/index.css b/public/index.css
@@ -1,6 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
 
 * {
   box-sizing: border-box;

diff --git a/src/components/PageContent/PageContent.astro b/src/components/PageContent/PageContent.astro
@@ -6,14 +6,7 @@ import MoreMenu from '../RightSidebar/MoreMenu.astro';
 import TableOfContents from '../RightSidebar/TableOfContents.tsx';
 ---
 <style>
-      .content {
-        padding: 0;
-        max-width: 75ch;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-      }
+
       .content > section {
         margin-bottom: 4rem;
       }
@@ -27,13 +20,13 @@ import TableOfContents from '../RightSidebar/TableOfContents.tsx';
         }
       }
 </style>
-<article id="article" class="content">
+<article id="article">
     <section class="main-section">
         <h1 class="content-title" id="overview">{title}</h1>
         <nav class="block sm:hidden">
             <TableOfContents client:media="(max-width: 50em)" headers={headers}/>
         </nav>
-        <slot />
+        <slot class="" />
     </section>
     <nav class="block sm:hidden">
         <MoreMenu editHref={githubEditUrl}/>

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -8,5 +8,7 @@ module.exports = {
   variants: {
     extend: {},
   },
-  plugins: [],
+  plugins: [
+    require('@tailwindcss/typography'),
+  ],
 }