SCSS functions not correctly marked

[jaydenseric]

SCSS functions are not marked at all.

In this example, myfunction should be marked with the classnames token function like when highlighting functions in JS.

::before {
    content: myfunction($variable);
}

[LeaVerou]

ping @MoOx

Perhaps we could copy the one from prism-clike for functions?

[jaydenseric]

I haven't tried it out, but this might also be relevant in CSS for things like this:

a::after {
    content: attr(href);
}

[LeaVerou]

Yeah, there's a token in css-extras for this, but it's far from ideal (see #239) :/

[jaydenseric]

Well, SCSS highlighting extends CSS highlighting, right? So if we fix #239 to pick up on all functions (not from a hardcoded list) it would kill two birds with one stone.

What defines CSS extras as special, should there not just be one well-done CSS mode? Maybe it's documented somewhere what features "extras" adds but I can't easily find it.

[LeaVerou]

I think the main reason was that you rarely need that kind of fine grained highlighting for CSS, and I didn't want to bloat the main CSS definition. However, functions are rather common, so I wouldn't object to moving them into the main CSS definition after we fix them. Especially since they'd also solve this issue.

[LeaVerou]

Closing, see #425