How is this different from inline styles?

[colmtuite]

im sorry i couldn't resist

[adamwathan]

[zzzej]

I recommend you listen to this:

• 75: Diana Mounter - Design Systems and Utility Classes at GitHub.

[reinink]

[OwenMelbz]

“Dynamic inline styles”

[mkarnicki]

Both of those gifs are spot on you guys 😂

[ghost]

I recommend you listen to this:

• 75: Diana Mounter - Design Systems and Utility Classes at GitHub.

@adamwathan so if I understood correctly the main benefit of adding a CSS framework like tailwindcss is in that you're essentially adding another layer of abstraction between raw CSS and somewhat "traditional" and "complex" (like BEM) CSS approach. In this way you can define your own "DSL" for the styling that makes sense to you and your product, putting a design system on top of raw CSS and tweak it to your taste until you arrive at something you like. After that, you just use it for all styling of more complex components, blocks, and pages. In that case, I would suggest that a perfect fit for your particular website would be produced by manually developing such a system and not adopting an existing one, such as tailwindcss. Please correct me if I'm wrong here, but the only benefit of a project such as tailwindcss is to compromise some time and money for your project in exchange for a readymade solution that still requires a deep understanding of ideas and tradeoffs put into it by its authors.

[OwenMelbz]

@nuxdie I’m not answering for Adam, but unless I misunderstood - I wouldn’t say Tailwind is a compromise in anyway shape or form.

IF you have a bespoke design that has no loyalties to using prebuilt components like bootstrap then TW allows you to generate your own framework for your application.

It has no opinion of itself - merely starter classes as examples which if they happen to work for you great! Otherwise change :) - we NEVER use the default config as it doesn’t cater for our needs, however we can add our rules in from the design team to create a consistent set of styles which the whole site will adhere to.

In my opinion tailwind is not a framework. it’s nothing like bootstrap/bulma/foundation/etc.

It’s a tool to generate your own bespoke framework based off your design requirements.

Something like basecss would in my opinion be a utility class framework

[adamwathan]

It’s a tool to generate your own bespoke framework based off your design requirements.

Yes this is right 👍 Tailwind was designed from the beginning to be hyper-customizable specifically because all of the existing solutions were not designed with deep customization in mind. We provide a sensible default configuration file to make it easy for people to try Tailwind, but for real projects the idea is that you'd take whatever design system your design team has put together and encode it into your own tailwind.js configuration file.

[ghost]

@adamwathan @OwenMelbz thanks for the clarification!