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