Prefer tailwind to plain CSS
This commit is contained in:
parent
f3fbf4a29f
commit
5c78854b61
2 changed files with 2 additions and 8 deletions
|
@ -4,19 +4,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Nav />
|
<Nav />
|
||||||
<main>
|
<main class="flex flex-col w-full h-full">
|
||||||
<h1>Hello {name}!</h1>
|
<h1>Hello {name}!</h1>
|
||||||
<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
|
<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
main {
|
|
||||||
text-align: center;
|
|
||||||
padding: 1em;
|
|
||||||
max-width: 240px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: #ff3e00;
|
color: #ff3e00;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
|
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
|
||||||
|
|
||||||
@tailwind base;
|
@tailwind base;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
body
|
body
|
||||||
{
|
{
|
||||||
|
|
Loading…
Reference in a new issue