Non intiutive utility naming

[sselvaggi]

I nice to have one utility for each css to use it with different responsive prefixes,
When I want to use bonsai.css utilities I can't guess whats the utility name for the property I want to use.
I think it'd be better to have utilities with the same name as each property

For example if have this a div with this style in the clasic way I'd VSC autocomplete and copy&paste compatibility from stackoverflow

border: 1px solid black;
box-shadow: 2px 2px 0px red;

Then if I'd like to make something more especific for responsive

border: 1px solid black;
box-shadow: 2px 2px 0px red;
--border-md: 4px solid black;
--box-shadow-md: 4px 4px 0px red

I've implemented this change

│ bonsai-utilities.min.css │ 30.83 kB │ 4.96 kB │ Original
│ bonsai-utilities.min.css │ 30.50 kB │ 4.34 kB │ Utilities renamed and removed non resposive

│ bonsai.min.css │ 47.92 kB │ 8.09 kB │ Original
│ bonsai.min.css │ 47.07 kB │ 7.96 kB │ Utilities renamed and removed non resposive