package.json

@@ -10,6 +10,7 @@
 		"@odit/lfk-client-js": "^0.0.4",
 		"svelte-i18n": "^3.3.0",
 		"svelte-spa-router": "^3.1.0",
+		"tailwindcss": "^2.0.2",
 		"toastify-js": "^1.9.3",
 		"validator": "^13.5.2"
 	},

src/App.svelte

@@ -1,4 +1,5 @@
 <script>
+  import TailwindStyles from "./TailwindStyles.svelte";
   import Router from "svelte-spa-router";
   import { replace } from "svelte-spa-router";
   import { wrap } from "svelte-spa-router/wrap";

src/TailwindStyles.svelte

@@ -0,0 +1,5 @@
+<style global>
+  @tailwind base;
+  @tailwind components;
+  @tailwind utilities;
+</style>

tailwind.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+	purge: {
+		content: [ './src/**/*.svelte' ]
+	},
+	variants: {},
+	plugins: [],
+	theme: {
+		container: {
+			center: true,
+			padding: '1.5rem'
+		}
+	}
+};