Add tailwind css to the setup

2022-01-12 15:06:44 +01:00
parent d86ac40602
commit eaf6d18bc7
8 changed files with 48 additions and 4 deletions
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
@@ -5,7 +5,7 @@
 		<meta name="description" content="" />
 		<link rel="icon" href="%svelte.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"/>
+		<!--<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"/>-->
 		%svelte.head%
 	</head>
 	<body>
@@ -1,6 +1,7 @@
 <script>
 	import Navbar from "./menu/_Navbar.svelte";
 	import Sidebar from "./menu/_Sidebar.svelte";
+	import "../app.css";

 	let open = false;
 </script>
@@ -4,9 +4,9 @@
 	export let name = "Test 2";
 </script>

-<main class="w-full h-full">
+<div class="w-full h-full">
    <h1>Welcome to SvelteKit</h1>
    <p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>

 	<Main name={name} />
-</main>
+</div>