chore: Use tailwind css for website (#2530)

* Adding pricing page * init tailwind * Add sponsors button
thomaspoignant · Oct 15, 2024 · 7333bfe · 7333bfe
1 parent f56c0f6
commit 7333bfe
Show file tree

Hide file tree

Showing 22 changed files with 1,289 additions and 1,007 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -16,6 +16,19 @@ const config = {
   organizationName: 'thomaspoignant',
   projectName: 'go-feature-flag',
   trailingSlash: false,
+  plugins: [
+    async function myPlugin(context, options) {
+      return {
+        name: 'docusaurus-tailwindcss',
+        configurePostCss(postcssOptions) {
+          // Appends TailwindCSS and AutoPrefixer.
+          postcssOptions.plugins.push(require('tailwindcss'));
+          postcssOptions.plugins.push(require('autoprefixer'));
+          return postcssOptions;
+        },
+      };
+    },
+  ],
 
   customFields: {
     description:
@@ -68,7 +81,6 @@ const config = {
           customCss: [
             require.resolve('./src/css/custom.css'),
             require.resolve('./src/css/pushy-buttons.css'), //https://github.com/iRaul/pushy-buttons
-            require.resolve('./src/css/simplegrid.css'), //https://thisisdallas.github.io/Simple-Grid/
           ],
         },
         sitemap: {
@@ -306,7 +318,7 @@ const config = {
           'csharp',
           'yaml',
           'python',
-          'ruby'
+          'ruby',
         ],
       },
     }),