3 ms·
I think the gradient examples here are a good example of why Tailwind (and similar things) are really nice. In this you have `background-image: var(--gradient-4
by mcintyre1994 4y ago
I think the gradient examples here are a good example of why Tailwind (and similar things) are really nice. In this you have `background-image: var(--gradient-4)`. If you look at that in your code, what does it do? How can I make it end at a slightly darker blue or change its direction? No idea. They look nice, I like the noise examples too, but at some point you're probably going to want to tweak them.
Whereas if I choose a gradient from https://hypercolor.dev https://hypercolor.dev and copy its tailwind code it's something like `bg-gradient-to-br from-pink-300 via-purple-300 to-indigo-400`. I can look at that in my code and form an idea in my head what it looks like, and tweak it trivially.
- burlesona 4y agoWow, I could not feel more the opposite of this. Tailwind is providing an entire DSL of class names for you to learn, whereas the Open Props example is literally just writing CSS. "How can I make it end at a slightly darker blue etc." -- you're just writing CSS, so just write the CSS you want instead. ie OpenProps is just providing you a CSS variable that expands to something like: `background: linear-gradient(blue, pink);`, and if you want to change it you can just change it.