Added TailwindCSS

Author: high1

.vscode/css_custom_data.json

@@ -0,0 +1,34 @@
+{
+  "atDirectives": [
+    {
+      "name": "@tailwind",
+      "description": "Use the @tailwind directive to insert Tailwind’s `base`, `components`, `utilities`, and `screens` styles into your CSS.",
+      "references": [
+        {
+          "name": "Tailwind’s “Functions & Directives” documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives/#tailwind"
+        }
+      ]
+    },
+    {
+      "name": "@layer",
+      "description": "Tailwind's directive which denotes which 'bucket' a set of custom styles belongs to",
+      "references": [
+        {
+          "name": "Tailwind’s “Functions & Directives” documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives/#layer"
+        }
+      ]
+    },
+    {
+      "name": "@apply",
+      "description": "Tailwind's directive used to inline any existing utility classes into your own custom CSS.",
+      "references": [
+        {
+          "name": "Tailwind’s “Functions & Directives” documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives/#apply"
+        }
+      ]
+    }
+  ]
+}

.vscode/settings.json

@@ -1,4 +1,6 @@
 {
+  "css.validate": false,
+  "css.customData": [".vscode/css_custom_data.json"],
   "eslint.validate": [
     "javascript",
     "javascriptreact",

package.json

@@ -29,6 +29,7 @@
     "@types/jest": "^26.0.20",
     "@typescript-eslint/eslint-plugin": "^4.12.0",
     "@typescript-eslint/parser": "^4.12.0",
+    "autoprefixer": "^10.2.1",
     "babel-loader": "^8.2.2",
     "babel-preset-solid": "^0.23.8",
     "clean-webpack-plugin": "^3.0.0",
@@ -51,8 +52,11 @@
     "jest": "^26.6.3",
     "mini-css-extract-plugin": "^1.3.3",
     "open-cli": "^6.0.1",
+    "postcss": "^8.2.4",
+    "postcss-loader": "^4.1.0",
     "prettier": "^2.2.1",
     "style-loader": "^2.0.0",
+    "tailwindcss": "^2.0.2",
     "terser-webpack-plugin": "^5.1.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^9.1.1",