From dd9ca1be6c9e7ca2974ad93029b48f05efaf3731 Mon Sep 17 00:00:00 2001
From: Thomas 'Teecs' SUBSOL <thomas.subsol@ensiie.fr>
Date: Sat, 24 Dec 2022 03:37:51 +0100
Subject: [PATCH] refactor: add Tailwind CSS
---
package.json | 3 +++
postcss.config.cjs | 6 ++++++
src/app.css | 3 +++
src/routes/+layout.svelte | 5 +++++
tailwind.config.cjs | 8 ++++++++
5 files changed, 25 insertions(+)
create mode 100644 postcss.config.cjs
create mode 100644 src/app.css
create mode 100644 src/routes/+layout.svelte
create mode 100644 tailwind.config.cjs
diff --git a/package.json b/package.json
index 9d7019e..5ac2288 100644
--- a/package.json
+++ b/package.json
@@ -16,13 +16,16 @@
"@sveltejs/kit": "^1.0.0",
"@typescript-eslint/eslint-plugin": "^5.45.0",
"@typescript-eslint/parser": "^5.45.0",
+ "autoprefixer": "^10.4.13",
"eslint": "^8.28.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-svelte3": "^4.0.0",
+ "postcss": "^8.4.20",
"prettier": "^2.8.0",
"prettier-plugin-svelte": "^2.8.1",
"svelte": "^3.54.0",
"svelte-check": "^2.9.2",
+ "tailwindcss": "^3.2.4",
"tslib": "^2.4.1",
"typescript": "^4.9.3",
"vite": "^4.0.0"
diff --git a/postcss.config.cjs b/postcss.config.cjs
new file mode 100644
index 0000000..054c147
--- /dev/null
+++ b/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {}
+ }
+};
diff --git a/src/app.css b/src/app.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/src/app.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..2e511e0
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,5 @@
+<script>
+ import '../app.css';
+</script>
+
+<slot />
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
new file mode 100644
index 0000000..328b28c
--- /dev/null
+++ b/tailwind.config.cjs
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ['./src/**/*.{html,js,svelte,ts}'],
+ theme: {
+ extend: {}
+ },
+ plugins: []
+};
--
GitLab