Setting up Tailwind CSS in a SvelteKit Project
HTML-код
- Опубликовано: 28 сен 2024
- In this video, I'll show you how to set up Tailwind CSS in a new SvelteKit project.
Enjoying my teaching style? I'm creating an independent Tailwind CSS course called Pro Tailwind. Check it out at protailwind.com ❤️
Man, I always copy this tailwing.config.js code, but with your video is the first time I actually learned what I've been doing all this time. Thank you!
That is amazing to hear! 🛫
This is not accurate anymore. In order to setup the layout you need to use +layout.svelte now instead of __layout.svelte. I'm not sure when the breaking change occurred, but I thought other people should know.
thanks brother.
this saved my butt, thank you.
Thanks for saving my butt too man
Well, it doesnt work now. How to add +page.svelte to my layout?
Amazing,Are you using vite? If not please make one video on it with sveltekit and tailwindcss.
SvelteKit uses Vite under the hood. The config has a vite property that you can use to add all of your normal Vite config.
@@shawnlee6775 nice,thank you
@@shawnlee6775 the latest update changed that, just a heads up, sveltekit now uses vite as the server and your vite config goes in a vite configuration file
This got my out of brain fog i was hars stucked confuse what all this are
Your videos are like taking Tailwind vitamins. Although I'm very comfortable with Tailwind, I can't help but watch and either learn more or reinforce my existing knowledge! Also, a happy coincidence, I _just_ dove into Svelte 2 days ago and will eagerly use it the next chance I get. (I saw Steve Sanderson talking about it, and you and him probably tie for my favorite tech presenters!)
Thank you so much for the kind words - that's awesome to hear!
Please Simon can you create your vscode font, theme and terminal setup. Please
i have your steps completely and get this error: Unknown at tule @tailwind
how do i fix the error? thanks for the help!
Love this!
Hey Simon, great videos, thanks a lot ! I have a question about tailwind. I made some custom tailwind class. I cannot use them in every style tag in my svelte file. I always have to use @import 'path/to/my/style.css'. But they are available and work fine for other html tag.
do you know how can use this tailwind in combination with `svelte-package` ? i'm trying to create a sveltekit/tailwind component lib but i'm having an issue generating the package correctly
I am unfamiliar with .cjs
also another question: I see at 4:56 you type script and IDE makes tag out of it, I assume its extension can you tell me the name?
Hi Simons,
I really like your vscode setup, do you have or can you make a video, or post on your socials where you show how you set it up please?
What a great explanation about the src file structure. I have a question which themes your use in Vscode? I like that. Many thanks.
Thanks! The theme is called Night Owl.
@@simonswiss Thanks.
You should be able to use: npx svelte-add@latest tailwindcss to do all of the setup