Using Variables in index.css :
:root {
--property: 1;
}
A Different Approach to Changing it with CSS on Hover:
img{
transform: scale(var(--property));;
}
.another-element:has(:hover, :focus)
{
--property: 1.1;
}
There's a way to include a variable in Tailwind CSS, but how can we modify it? Here's how I apply it to an element :
<img className='scale-x-[var(--property]' src="..." />
<div className='hover:CHANGE-HERE-THE-VARIABLE'>
I attempted to find a solution on how to modify it, but unfortunately came up empty-handed.