Open
Description
I have faced some issues related with class names with escaped characters like .color-red\@mobile or .focus\:color-red.
Please, find here are some of my findings:
/* available for autocomplete */
.color-red { color: rgba(255,0,0,1); }
/* available for autocomplete but as .color-red-1 */
.color-red-1\/4 { color: rgba(255,0,0,.25); }
/* available for autocomplete */
.color-green { color: rgba(0,255,0); }
/* not available, probably detected as duplicated of .color-green */
.color-green\@mobile { color: rgba(0,255,0); }
/* available as .color-green-2 */
.color-green-2\@mobile { color: rgba(0,255,0); }
/* available as .focus */
.focus\:color-green:focus { color: rgba(0,255,0); }
/* the following line totally breaks autocomplete for the whole file contents */
@keyframes animation-slideshow-slide-1\/3 {}
/* but this does not */
@keyframes animation-slideshow-slide-1 {}
Maybe is as "easy" as fixing a regex ;)
I have not had time to look deeper in the code. I will try a PR if I have enough time.
Thanks :D