nuxt-tailwind-medusa VS Tailwind CSS

Tailwind CSS (Utility-first CSS framework for rapid styling)

However, using popular styling frameworks like TailwindCSS and DaisyUI inside the Shadow DOM isn’t straightforward. Since styles in the Shadow DOM don’t inherit from the global stylesheet, you need a strategy to ensure your component still benefits from Tailwind’s utility classes and DaisyUI’s prebuilt components.

In this step-by-step tutorial, you'll learn how to build a professional portfolio website using React and Tailwind CSS, with ButterCMS handling your content management.

Tailwind CSS is a utility-first CSS framework created by Adam Wathan and released in 2017. Unlike traditional CSS frameworks that provide pre-styled components, Tailwind CSS focuses on providing low-level utility classes that let you build custom designs directly in your HTML markup without writing custom CSS for every element.

We briefly tried to use a glob in the gem path in the Tailwind configuration (as in @source ".../.bundle/gems/flowbite-*/...") but this did not work, probably due to a limitation of the Tailwind scanner regarding symlinks.

This is a basic guide so I won't go into much further depth. 99% of questions can be answered with a simple search on the Tailwind Docs site at tailwindcss.com. If you can't find the answers there, hop on to the Tailwind Discord and we'll do our best to help.

Tailwind

I disagree with many of the comments here. CSS is not too complicated. It's a good way to style HTML elements.

There are some popular abstractions to writing CSS such as Tailwind. Although I do see it misguiding a lot of people. When you don't know CSS but want a webpage use a template instead. If you want deep custom styling you will need to understand CSS. Tailwind is just a collection of predefined utility classes which you then over use, breaking a few clean code principles along the way, but you get a decent looking website without writing all the utility classes yourself, which can be helpful especially in larger team projects.

There are improvements to this problem such as DaisyUI.

But regardless, they do require some understanding of CSS. And if you do understand some CSS, getting to the next level and learning how to write scalable CSS is not much harder. The simple requirement of having global and scoped styling is a given in every modern framework.

This is partly what led me to create a guide on writing modern scalable HTML and CSS: https://webdev.bryanhogan.com/

Tailwind (wow, the website is a laggy mess): https://tailwindcss.com/

Check out Tailwind docs to learn more about tailwind.

Website: tailwindcss.com