tailwind 4.1.15 color opacity issues #19177
Unanswered
CoachKayline
asked this question in
Help
Replies: 4 comments
-
|
Seems to be working in this Tailwind Play which would suggest it is something particular to your project. Consider providing a git repo that reproduces the unexpected behavior. |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
Facing exactly same issue, that was working good before. Will be back with details later. |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
Hi folks, found what this issue is: #19183 (comment) |
Beta Was this translation helpful? Give feedback.
0 replies
This comment was marked as spam.
This comment was marked as spam.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Before the update I had classes set up like:
after:bg-primary/60
On frontend it would render:
@layer utilities {
@supports (color:color-mix(in lab,red,red)) {
.after:bg-primary/60::after {
background-color: color-mix(in oklab,var(--color-primary)60%,transparent);
}
}
}
After update it would render:
@layer utilities {
.after:bg-primary/60 {
&::after {
content: var(--tw-content);
background-color: var(--color-primary);
}
}
}
In essence, without the opacity.
Beta Was this translation helpful? Give feedback.
All reactions