How/when are you changing the text size classes? Does Tailwind recompile everytime you are making a change?
Tailwind framework is not applied automatically
I am hosting a Laravel application on Plesk Obsidian. I installed Laravel & then Jetstream Livewire via the console, and I have changed nothing. The exact steps were: 1. Created a new subdomain, emptied the folder, installed laravel, create a DB and filled the .env file and then I installed Jetstream Livewire.
I have a clean everything, I have changed nothing. Again, the application is hosted on a sub-domain on Plesk. When I use text-xl the text gets changed to large. When I use text-NUMxl(text-2xl, text-4xl, etc) there is no change in the text, its regular size. Im talking about the welcome.blade.php. So, text-2xl, text-3xl, etc are not working(They are in the Tailwind documentation).
How can I check if Tailwind is set properly? I did the npm install without errors or warnings, in package.json in the "devDependencies": array I have: "tailwindcss": "^3.1.0", I used npm run build to compile, still nothing. There is a <style> tag inside my welcome.blade.php, but shouldn't Tailwind be used everywhere by default? Where is this configuration, how do I make it so that Tailwind is always used? If I remove that <style> tag then no Tailwind is applied...I want to use the tailwind framework, not some inline <style> code shenanigans...
@Sibuscus why are you running a build step if the CSS is in a style element on the document??? Where does the build step write the compiled CSS file?
You need a <link rel="stylesheet" href="/path/to/app.css"> element in the page instead of inline styles.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
Please or to participate in this conversation.