migrate css from bootstrap to tailwind

.gitignore

@@ -1,4 +1,5 @@
 inc/config.php
 *.cache
 /hybrid
-/angular-hybrid
+/angular-hybrid
+/test_src/node_modules

test_src/package.json

@@ -0,0 +1,11 @@
+{
+  "devDependencies": {
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.23",
+    "tailwindcss": "^3.3.2"
+  },
+  "scripts": {
+    "build": "npx tailwindcss build -i ./src/main.css -o ../test/output.css",
+    "buildprod": "npx tailwindcss build -i ./src/main.css -o ../test/output.css --minify"
+  }
+}

test_src/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  }
+}

test_src/src/main.css

@@ -0,0 +1,4 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+

test_src/tailwind.config.js

@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["../test/*.{htm,html,js}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        'opensans': ['Open Sans', 'sans-serif']
+      }
+    },
+  },
+  plugins: [
+    require('tailwindcss'),
+    require('autoprefixer'),
+  ],
+}