Automatically remove escape character

[florianbouvot]

I frequently use \ espace character in my CSS files like this : .u-1\/2 { width: 50% !important; }

Is it possible to automatically remove it from suggestion list ?

[andersea]

You want to remove the item entirely or just the escape character?

[florianbouvot]

Juste remove the escape character to obtain this result:

CSS: .u-1\/2 { width: 50% !important; }
HTML: <div class="u-1/2">...</div>

[andersea]

Got it. I have this working in my local repo now. It will be in the next release.

[andersea]

Added in 1.0.5.

[florianbouvot]

Awesome thank you 👍

First try looks good, I will work with tomorrow 😉

[florianbouvot]

@andersea it works well when backslash \ is followed by / slash but doesn't work in other case like this:

CSS .ratio-16\:9 { ... }
HTML current result ratio-16\
HTML desired result ratio-16:9

CSS .margin\@palm { ... }
HTML current result margin\@palm
HTML desired result margin@palm

I follow BEMIT naming convention from Harry Roberts and we use it for inuitcss

Is it possible?

[andersea]

@florianbouvot I was careful to account for all possible escape sequences in my code, so most should work.

I can see why \: wouldn't work. That is caused by another part of the code that tries to figure out where the class name is in the css selector. It isn't a super simple fix, but doable.

But the \@ works for me. Are you sure it doesn't work on your end? I have added unit tests for it and tested it manually as well, so I feel confident. Hehe.

The escape sequences that probably doesn't work should be \[, \: and \>.

[andersea]

v1.0.6 should fix the remaining issue.

[florianbouvot]

@andersea your new release fix the issue with \: but there are steel an issue maybe when a class name use two \:

[andersea]

Fixed in v1.0.7.

[florianbouvot]

@andersea amazing.

I search a Coda alternative, and I like very much VS Code + your extension, thank you.