add tailwind

frontend/package.json

@@ -21,13 +21,16 @@
 		"@types/node-fetch": "latest",
 		"@typescript-eslint/eslint-plugin": "5.46.1",
 		"@typescript-eslint/parser": "5.46.1",
+		"autoprefixer": "10.4.11",
 		"concurrently": "^7.6.0",
 		"eslint": "8.30.0",
 		"eslint-plugin-qwik": "0.16.1",
 		"jest": "^29.3.1",
 		"node-fetch": "3.3.0",
+		"postcss": "^8.4.16",
 		"prettier": "2.8.1",
 		"sass": "^1.57.0",
+		"tailwindcss": "^3.1.8",
 		"ts-jest": "^29.0.3",
 		"typescript": "4.9.4",
 		"undici": "5.14.0",

frontend/postcss.config.cjs

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

frontend/src/styles.scss

@@ -1,5 +1,9 @@
 @use './theme.scss' as theme;
 
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 body {
 	background-color: theme.$backgroundBaseColor;
 	color: theme.$fontBaseColor;

frontend/tailwind.config.cjs

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};