Tailwind CSS Tutorial #5 - Tailwind Config

For tailwind v3.
"build-css":"tailwindcss -i src/style.css -o ./public/styles.css --jit --purge './**/*.html' -w "

i love it when knowing tailwind has intellisense!

💙💙💙💙💙💙

i created a yo mama font with 12rem lol

thank you so much sir

For people facing difficulty because tailwind.config file already exists, copy this : content: ["./src/**/*.{html,js}"],
delete that file, run the command ninja showed, paste this code again in the content portion of the new tailwind.config file : content: ["./src/**/*.{html,js}"],

What is the extension for showing tailwind icon instead of js icon ?

Man you explain things so well and in a detailed manner. Thank you so much!

Great

What I don't understand is you only added "mammoth" class, but you're using it like "text-mammoth", how is that possible?

In this lesson my browser does not show any css changes. Maybe you know why?

Helpfull content thanks sir

Thank you for including this in the video

you are the BEST......

I'm really getting a fan of Tailwind. Started out this thinking "what's the deal with just using utility classes" but theming, optimizations etc are blowing my mind. It's amazing. Thanks

love when he goes "hyaaaa" hahaha

Nearing the end of 2021, this is still the best Tailwind tutorial, by far.

Over heighyaaaaaaaaaaaaaaaaaaaaaaaa

Thanks for this tutorial

Thank you for the video... It was really helpful!

How we calculate margin in percent for tailwind blog

Really hopeless using it with VS Code. VS Code Takes a very long time to look for all the css. I just killed it.

I think there is an " -i " missing before the input file. On lessons about @Apply it didnt work until I came back to this section and added the -i (meaning input file). For the ones that had the same problem (I got error message), use this instead... "build-css": "tailwindcss build -i src/styles.css -o public/styles.css" (package.json) you are welcome!

In Tailwind 2.1.1 There is no colors in config file. How we can change them now?

If you got an error on generating the tailwind.cofing.js use npx tailwindcss-cli@latest init --full

Thank you so much! Video was very helpful. I was stuck as custom css did not come through... but I didn't know that I have to rebuild CSS every time I add custom css. Watched 3 videos and nobody was mentioning this! And I was searching which vscode extension is giving suggestions for class names... Super helpful!

man on tailwind.config.js I don't have the color like you, and at the top of the page it's write " const colors = require('tailwindcss/colors')" Did I have to install an extension? Because after, when I write " npx tailwindcss init --full" I got an error. Thanks for people helping me

what package can I use on phpstorm? tailwindcss intellisence

did npx tailwindcss init --full ... colors still wont appear in laravel

This is so amazing. I already love it.

i am doing an angular project that uses css tailwind. After customizing in config file, how can I rebuild css ? Thanks

dude, you really explain very good

Hoy to config purge style.css, because is too big for production... Thanks..

You are the best teacher for web dev newbies.

And if you have a problem with the intellisense extension, you must enable and the HTML CSS Support extension 😉

"npx tailwindcss init --full" doesn't work for me. I get "Error: Cannot find module 'autoprefixer' "

Why do British people always say init?

Sleep well knowing you helped out someone who was stuck..

I'm using VS Code and I'm already getting this IntelliSense with tailwind without having to download this extra extension. What Magic Is This, Humans?

This is amazing. I will definitely be using my own styles from creating the tailwindcss config js file.

I love your courses, and the way you say "over here". Reminds me of Monty Python for some reason :P
Many many thanks!

I needed this, thank you so so much🙏🏾