change pipeline to use postcss

home/Gemfile

@@ -1,3 +1,7 @@
 source 'https://rubygems.org'
 gem 'jekyll'
-gem 'jekyll-seo-tag'
+
+group :jekyll_plugins do
+    gem 'jekyll-postcss'
+    gem 'jekyll-seo-tag'
+end

home/Gemfile.lock

@@ -31,6 +31,7 @@ GEM
       rouge (~> 3.0)
       safe_yaml (~> 1.0)
       terminal-table (~> 1.8)
+    jekyll-postcss (0.5.0)
     jekyll-sass-converter (2.1.0)
       sassc (> 2.0.1, < 3.0)
     jekyll-seo-tag (2.7.1)
@@ -69,6 +70,7 @@ PLATFORMS
 
 DEPENDENCIES
   jekyll
+  jekyll-postcss
   jekyll-seo-tag
 
 BUNDLED WITH

home/_config.yml

@@ -15,6 +15,7 @@ url: "" # the base hostname & protocol for your site, e.g. http://example.com
 
 plugins:
   - jekyll-seo-tag
+  - jekyll-postcss
 
 exclude: [
   styles/index.css,

home/_includes/head.html

@@ -2,7 +2,7 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="stylesheet" href="{{ "/dist/index.css" | relative_url }}">
+<link rel="stylesheet" href="{{ "/assets/index.css" | relative_url }}">
 <link rel="shortcut icon" type="image/png" href={{ "/assets/favicon.ico" | relative_url }}>
 
 <title>{{ site.title }}{% if page.title %} - {{ page.title }}{% endif %}</title>

home/assets/index.css

@@ -1,6 +1,9 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+---
+---
+
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
 
 
 @layer components {

home/package.json

@@ -1,24 +1,11 @@
 {
-    "name": "home.invenhost.com",
-    "version": "0.0.1",
-    "description": "A UI test",
-    "scripts": {
-        "preinstall": "npx npm-force-resolutions",
-        "setup": "gem install bundler && bundle install && npm i",
-        "start": "concurrently --kill-others \"npm run css:dev\" \"bundle exec jekyll serve\"",
-        "build": "npm run css:rel && jekyll build",
-        "css:dev": "parcel watch styles/index.css --no-source-maps",
-        "css:rel": "parcel build styles/index.css --no-source-maps"
-    },
-    "devDependencies": {
-        "@fullhuman/postcss-purgecss": "^4.0.3",
-        "@tailwindcss/typography": "^0.4.1",
-        "autoprefixer": "^10.4.0",
-        "concurrently": "^6.3.0",
-        "parcel": "^2.0.0",
-        "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17"
-    },
-    "resolutions": {
-        "node-forge": "0.10.0"
-    }
+  "devDependencies": {
+    "@tailwindcss/typography": "^0.4.1",
+    "autoprefixer": "^10.4.0",
+    "cssnano": "^5.0.10",
+    "postcss": "^8.3.11",
+    "postcss-cli": "^9.0.2",
+    "postcss-import": "^14.0.2",
+    "tailwindcss": "^2.2.19"
+  }
 }

home/postcss.config.js

@@ -1,3 +1,10 @@
 module.exports = {
-    plugins: [require("tailwindcss"), require("autoprefixer")],
+    plugins: [
+        require('postcss-import'),
+        require("tailwindcss"),
+        require("autoprefixer"),
+        require('cssnano')({
+            preset: 'default',
+        }),
+    ],
 }