Tailwind classes not getting recognized in scss files

[sameer1612]

Summary:

Description

No syntax highlighting and LSP support while using tailwind in css/scss files using @apply. They do work fine in vscode or neovim.

Screenshots/Examples

No syntax highlighting and LSP support while using tailwind in css/scss files using @apply.

They do work fine in vscode or neovim.

For reference this is an angular project and tailwind completions work fine in html files.

Not working in stylesheet:

Works in html files:

[micobarac]

Any news on this? This is a pretty big stopper for many of us to switch to fantastic Zed editor completely.

[notpeter]

@sameer1612 or @micobarac Can you provide a self-contained set of steps necessary to reproduce the issue. I have an empty folder open in Zed and get me to seeing the issues you are seeing.

[r8bywork]

@sameer1612

  "file_types": {
    "CSS": ["scss"]
  },

add this to settings.json

[MiggyJ]

@sameer1612

  "file_types": {
    "CSS": ["scss"]
  },

add this to settings.json

This works! Thanks @r8bywork! I can finally enjoy using zed now 😁

[notpeter]

There is also a community extension which adds syntax highlighting for scss:

• https://github.com/bajrangCoder/zed-scss