However the nature of internet design has modified since CSS was first constructed. Most frameworks, whether or not it’s Angular, React, or Astro, have turn into component-based. However even these elements had been designed to separate CSS and HTML. As an example, in Angular, a element consists of three information: a TypeScript file, an HTML file, and a CSS file.
However these elements have gotten an increasing number of granular. On the similar time, the feel and appear of internet sites have turn into extra standardized. Button colours, for instance, have standardized in order that blue means “you possibly can belief this button” and purple means “watch out when pushing this one.” So the necessity for custom-made colours has been lowered.
Now right here is the place Tailwind shines. If you need standardized colours, Tailwind can outline them. And in case your colours and shapes are standardized, then Tailwind’s small utility lessons that outline these types are helpful. Lastly, if these elements are compact and self-contained, do you really want to separate your HTML and your CSS?
