Support slash `/` in HTML class names

I inherited this quirky HTML/CSS framework that uses fractions to represent columns.

Here’s the string that I tried to expand in Sublime Text using Emmet:

.block-list__item.1/2--tablet-and-up.1/3--desk

Expected:

  <div class="block-list__item 1/2--tablet-and-up 1/3--desk"></div>

Actual:

  <div class="block-list__item block-list__item--grow 1">
  <2--tablet-and-up class="1">
  <3--desk></3--desk>

You can see that it starts creating new div from the slash character. I guess this is the intended functionality?

Maybe there’s some way to figure out if it should be a new expression or if it’s a class name like fraction? 🤔

[sergeche]

JS implementation doesn’t have slash support in classes yet, but it can be easily ported (will do that very soon)

[vmitchell85]

Thanks for the additional info. I’l see if I can create a request on their repo. does the official Emmet core have the slash between numbers support or would that need to be requested from the vscode team as well?

Thanks again for an amazing product that makes my life as a developer much much better!