collapse CSS classes in HTML Markup

[evdama]

Hi folks,

so this is more of a question rather than a feature request because I couldn't find anyting regarding this:

Say you have lots of markup looking like this

<div class="w-full h-full transition rounded-lg transform-gpu duration-1500 hover:z-10 hover:elevation-20 hover:scale-110 hover:-rotate-2">
some div content
</div>

and very much like folding/collapsing e.g. a function you'd like to fold the class property for times when you aren't working on CSS but other things i.e. go from the above to this

<div class="...">
some div content
</div>

Does that exist in either VScode itsself or any of its extentions, maybe even headwind? I couldn't find anyting so asking here ☺️