setup tailwind config

.gitignore

@@ -1,5 +1,12 @@
 *.gem
 
+# yarn 
+.yarn/*
+.yarnrc.yml
+.pnp.*
+node_modules/
+yarn-error.log
+yarn-debug.log*
 # Ignore metadata generated by Jekyll
 build/
 _site/

Gemfile

@@ -25,7 +25,7 @@ group :jekyll_plugins do
     gem 'jekyll-gist', '~> 1.5.0'
     gem 'jekyll-seo-tag', '~> 2.8.0'
     gem 'jekyll-sitemap', '~> 1.4.0'
-
+    gem 'jekyll-postcss-v2'
     # gem 'jekyll-admin', '~> 0.11.1'
 end
 

Gemfile.lock

@@ -62,6 +62,7 @@ GEM
     jekyll-gist (1.5.0)
       octokit (~> 4.2)
     jekyll-paginate (1.1.0)
+    jekyll-postcss-v2 (1.0.2)
     jekyll-sass-converter (3.1.0)
       sass-embedded (~> 1.75)
     jekyll-seo-tag (2.8.0)
@@ -142,6 +143,7 @@ DEPENDENCIES
   jekyll-feed (~> 0.17.0)
   jekyll-gist (~> 1.5.0)
   jekyll-paginate (~> 1.1.0)
+  jekyll-postcss-v2
   jekyll-seo-tag (~> 2.8.0)
   jekyll-sitemap (~> 1.4.0)
   jgd (~> 1.14.0)

_config.yml

@@ -164,6 +164,7 @@ plugins:
   - jekyll-seo-tag
   - jekyll-sitemap
   - jekyll-feed
+  - jekyll-postcss-v2
 
   # jekyll admin is causing issues with github pages, so it's disabled by default
   # - jekyll-admin 
@@ -196,6 +197,9 @@ sass:
   sass_dir: _sass
   style: compressed
 
+postcss:
+  cache: false
+
 exclude:
   - .sass-cache/
   - .jekyll-cache/

assets/css/main.css

@@ -0,0 +1,6 @@
+---
+---
+
+@import "tailwindcss";
+
+@config "../../tailwind.config.js";

package.json

@@ -0,0 +1,11 @@
+{
+  "packageManager": "[email protected]",
+  "devDependencies": {
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/postcss": "^4.1.16",
+    "@tailwindcss/typography": "^0.5.16",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "tailwindcss": "^4.1.16"
+  }
+}

postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};

tailwind.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  content: ["./**/*.html"],
+  theme: {
+    extend: {},
+  },
+};