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
Color / font size values are not recognized in some cases or are not recognized correctly #11046
Comments
This comment was marked as spam.
This comment was marked as spam.
This comment was marked as spam.
This comment was marked as spam.
This comment was marked as off-topic.
This comment was marked as off-topic.
After taking a look at your code, I noticed that you're trying to mix two different properties, these properties are the following: You can't mix these properties because that is incorrect, if you want to change the opacity of the element you need to do the following: But if the outcome that you want is just to play with the opacity of the font you can do the following as well: In this way you use a rgba function that enables you to modify the opacity of the color and achieve the outcome that you want. Please let me know if this solution makes sense to you. |
omg there are so many AI bots here. anyways, This is false. Firstly, that is (theoretically) the correct tailwind syntax. Secondly, the outcome he's trying to achieve is to change the opacity of the text, which can be done in tailwind with the format text-black/(opacity here). You can also use text-opacity-(value), but opacity itself has a different effect. |
Okay I figured out another way to do it, but thank you @quick007, I haven't noticed that syntax way of changing the opacity in the tailwind documentation, my apologies for that. I'm noticing that the syntax text-[--color]/[--opacity] works if the value of the --color variable is being wrote directly like this text-[#fff]/[--opacity]. |
Definitely it's an issue |
guessing this is related to #12362 |
any news about this issue? |
What version of Tailwind CSS are you using?
v3.3.1
What build tool (or framework if it abstracts the build tool) are you using?
play.tailwindcss.com
What browser are you using?
Chrome
What operating system are you using?
Windows
Reproduction URL
https://play.tailwindcss.com/GFT8QOeZfA
Describe your issue
The example at the link has several dozen tests, of which the red ones seem to me to work incorrectly, and the green ones to work correctly. This is far from complete coverage, but only reflects the cases I have encountered.
The text was updated successfully, but these errors were encountered: