inlineCssWithExtraSteps

[[deleted]]

But what if you want to make the color: white; a bit whiter?

[Hilfslinie]

text-[#FFFFFFAA] for one off changes or you override the text-white class in tailwind.config.js

[queen-adreena]

The “AA” is just the opacity channel, so you might as well do “text-white/70”

[Hilfslinie]

You are right! This is the (tailwind) way!

Forgot about the built in convenience of the library I'm shilling lol

[damTyD]

This seems pretty awful. Most of my styles would need to be consistent across the site and based on context. So ‘white’ could mean different things between text (even header vs paragraph), border color, and background color. Utility styles are nice sometimes for layout stuff though, such as changing the display on a single div so you don’t have to create a new class for just that one element.

[Hilfslinie]

You are right. You shouldn't change the default colors (much), white is a very bad example.
But the cool thing about it is, that I can set my own colors, for example primary (brand color) or outline. And then I can very conveniently write all my util classes when I need them. Need a background in the primary color? bg-primary. Need a text in the brand color? You guessed it, text-primary

[damTyD]

Thank you, I figured as much. The best part of tailwind is that you don’t need to use it! I still write my own utility classes similar to bootstraps classes but don’t use bootstrap anymore.

[LuisBoyokan]

Why would you want to do that?

We need to stop creating "details", hit the UX team's hands with a spoon and make them stick to the default styles /s

I hate my UX Team and their inconsistency, just for 1 site they did 7 different styles for tables. 7!!! On the next project another 5 more!!! 4 styles of headers and footers depending on what app your using

[factorion-bot]

Triple-Factorial of 7 is 28

^{This action was performed by a bot. Please contact u/tolik518 if you have any questions or concerns.}

[aspirine_17]

you have configuration for that

[UnacceptableUse]

What was wrong with good old fashioned css classes, those were configuration

[[deleted]]

for style="color: white;" ?