Lucas Avendaño• 90
@LucasAven
Posted
Hi! I'm still learning the basics, so I don't know if this way is the best one but at least it works :P
- store the background colors of each card in a variable. ie:
--background-color: hsl(31, 77%, 52%); /*it's important to write -- before the variable*/
background-color: var(--background-color); /*then apply it to each card*/
- use the variable --background-color inside of inside the class attached to your button(if you didn't create one use button{ } instead) to change its text color (to use it you must write it inside var(variable)). ie:
button {
color: var(--background-color);
}
- last you only have to change the color back to hsl(0, 0%, 95%) when is active.
button:active {
color: hsl(0, 0%, 95%);
}
hope it helps!
1