Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Replace rgb and hsl helpers with <alpha-value> placeholder for colors with custom properties #8501

Merged
merged 9 commits into from Jun 2, 2022

Conversation

thecrypticace
Copy link
Contributor

We've come up with a better solution than the rgb / hsl placeholder for custom properties that support a custom opacity. You can now add <alpha-value> to let tailwind know where to place a custom opacity. This could be from opacity modifiers on utilities like bg-red-300/50, usage in the theme function in CSS like theme('colors.red.500 / 50%'), or the theme function in the config which works the same was as CSS in this case.

@thecrypticace thecrypticace merged commit 64b4e6d into master Jun 2, 2022
@thecrypticace thecrypticace deleted the feat/add-alpha-value branch June 2, 2022 14:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants