Преглед изворни кода

Prefer tailwind to plain CSS

Alessandro Pignotti пре 9 месеци
родитељ
комит
5c78854b61
2 измењених фајлова са 2 додато и 8 уклоњено
  1. 1 8
      src/App.svelte
  2. 1 0
      src/global.css

+ 1 - 8
src/App.svelte

@@ -4,19 +4,12 @@
 </script>
 
 <Nav />
-<main>
+<main class="flex flex-col w-full h-full">
 	<h1>Hello {name}!</h1>
 	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
 </main>
 
 <style>
-	main {
-		text-align: center;
-		padding: 1em;
-		max-width: 240px;
-		margin: 0 auto;
-	}
-
 	h1 {
 		color: #ff3e00;
 		text-transform: uppercase;

+ 1 - 0
src/global.css

@@ -1,6 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
 
 @tailwind base;
+@tailwind utilities;
 
 body
 {