How to change opacity on .card.image-full:before when using 'card' component with the "image-full" modifier #1053
Unanswered
kevinsoto832
asked this question in
Q&A
Replies: 1 comment
-
@kevinsoto832 I know this is late, but putting this here for future use. You can override this by doing: <div className="card image-full [&::before]:!opacity-100 [&::before]:!bg-transparent">
...
</div> |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Currently, when I inspect on Google Console, the I can see that the image-full modifier automatically applies an opacity of .75 on the 'before' content.
What's the most efficient way that I target this specific css class and change the opacity value to whatever I want?
Or is there a way to ADD my own custom modifier?
couldn't find a straight forward answer on the docs.
Beta Was this translation helpful? Give feedback.
All reactions