What is currentColor in CSS?
What scares a css developer the most? — Changing a css variable value.
The most annoying thing in writing CSS code is repeating the same value n-number of times. Although we have CSS Variables as well as SASS/LESS too but maintaining the variables is also a big task in itself.
tl;dr — You can check the video made by me on currentColor — here
Imagine you have a variable with color property and you need to change that color at few places only.
The solution is declare new variable .
And this is the first step towards the css variables mess.
So, the solution is use currentColor property.
currentColor — As name says , it pick the current color reference in a class and when you assign currentColor as one of the value of the property it will show the refer color.
box-shadow and border will have the color declared at the first line.
Browser support is also good
You can check the video of the same here .
Here is the github link.
Happy Learning!!
