diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..2bda783 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,7 @@ +{ + "tailwindCSS.emmetCompletions": true, + "editor.inlineSuggest.enabled": true, + "editor.quickSuggestions": { + "strings": true + } +} diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..2aa7205 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +export default { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +}; diff --git a/src/app.html b/src/app.html index 77a5ff5..276ef13 100644 --- a/src/app.html +++ b/src/app.html @@ -1,12 +1,12 @@ - + %sveltekit.head% - -
%sveltekit.body%
+ +
%sveltekit.body%
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 726b46c..88e45e3 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -3,4 +3,4 @@ let { children } = $props(); -{@render children()} +
{@render children()}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index e69de29..30d28c5 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -0,0 +1 @@ +

testing tailwind

diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..efba8f1 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,8 @@ +/** @type {import('tailwindcss').Config} */ +export default { + content: ['./src/**/*.{html,js,svelte}'], + theme: { + extend: {}, + }, + plugins: [], +};