Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature request] Tailwind 1.4.0 support - new color opacity utilities

See original GitHub issue

After TailwindCSS introduced new color opacity utilities current approach of opacity and colors generation became not inlined with the official way colors are generated in tailwindCSS. As a result classes such as bg-opacity-25, text-opacity-25 makes no difference to the opacity level.

@hawezo I actually have mixed feelings about 1.4.0 color utilities and I like how you implemented it - more, but what can we do here? I guess when using tailwind-theming we should still have an access to full list of tailwind features. But what is really great about your approach with colors is that it’s fully polyfillable for IE11 and 1.4.0 colors - are not. So maybe let’s discuss what is the best thing that should be done here

Issue Analytics

State:
Created 3 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

MrMacStripecommented, Oct 21, 2020

Thanks for the quick answer. I love the approach of your plugin and don’t plan to ditch it. I’ll have a look and let you know if I can provide a solution down the road.

0reactions

innocenzicommented, Oct 19, 2020

Hey, it’s in stand-by right now because I don’t have time for this, unfortunately. Even if you PR’d it, I would probably not have the time to review and test it either… I hope to be able to get back to this project in the coming months, I need to tag @next to @latest as well. In the meantime, sorry, you’ll have to do without this feature or use one of the other theming plugins 😦

Top Results From Across the Web

Opacity - Tailwind CSS

Utilities for controlling the opacity of an element. ... Tailwind lets you conditionally apply utility classes in different states using variant modifiers.

Tailwind CSS: How To Add Opacity Variations To Existing ...

Tailwind only supports opacity but sometimes you need to apply semi-transparent background/border or text. You could tweak your Tailwind configuration like this

CHANGELOG.md - Tailwind CSS - Fossies

As a special service "Fossies" has tried to format the requested source ... to disable color opacity utility plugins (#9088); Add negative value...

tailwindcss - UNPKG

optimizeUniversalDefaults` to only work with `@tailwind base` ... 458, - JIT: Don't use CSS variables for color utilities if color opacity utilities are ......

Tailwind CSS: Hype and Hurdles - Gregor Terrill

Tailwind CSS is a utility-first CSS framework that the Craft CMS ... two features I really struggled without: transition and grid support.