CSS --var() variables not being recognized

[tsawitzki]

Running the latest version of Atom I do not get any hints or auto-complete options on CSS variables, even with all the necassary CSS files open in individual tabs.

Steps to Reproduce

1. Write a simple CSS declaration e.g. font-face: (which is auto-completed as expected by the CSS package)
2. Refer to a global CSS variable in your setup, declared in :root{} in index.csse.g. --var(font-sans);

Expected behavior:

With the default CSS packages coming with Atom I’d expect an automcomplete once I start typing "var..." and then when I hit Tab I’d expect to be in that --var(…) declaration with another auto-complete pop-up listing all my CSS variables, full project scope

Actual behavior:

Nothing happens

Reproduces how often:

Everytime

Versions

Latest

Additional Information

In case Atom does not understand CSS variables, I’d be happy to hear about any workarounds. Strange thing is that I saw pics on the net while googling the issue which show the expected behaviour …?