*.scss files support?

[greegus]

Looking into extension's configuration files tailwind.tmLanguage.json seems that .scss files should be supported. However, @apply and @tailwind commands ale not recognized by editor within them (and highligted as an error). Tailwind autocomplete is also not available. .css files work just fine.

If .scss files are not currently supported afterall pls consider this a feature request.

• Extension Name: vscode-tailwindcss
• Extension Version: 0.1.12
• OS Version: Darwin x64 18.0.0
• VSCode version: 1.28.2

{
	"activationTimes": {
		"startup": true,
		"codeLoadingTime": 258,
		"activateCallTime": 0,
		"activateResolvedTime": 1315,
		"activationEvent": "workspaceContains:**/{tailwind,tailwind.config,tailwind-config,.tailwindrc}.js"
	}
}

[bradlc]

Hey @greegus

SCSS is supported. The grammar only affects syntax highlighting. As far as I’m aware there is no way for an extension to extend the (S)CSS linter. You can disable it by setting scss.validate to false.

Regarding the autocomplete, it should work if it’s working in CSS files. Do @screen or config() suggestions appear?

[greegus]

Hey @bradlc,

disabling scss.validate did the trick for the syntax highlighting directly in .scss files. However, I'm writing a .vue single-file component where the scss style block still gets some error highlighted.

[bradlc]

If you’re using Vetur there is a separate setting, vetur.validation.style

[alexcroox]

Does anyone have a workaround that doesn't involve disabling validation, which I find useful.

[hacknug]

Disable default validation for these and use Stylelint with your own config.

[chanmathew]

Does anyone have a workaround that doesn't involve disabling validation, which I find useful.

Follow this guide here:
https://www.meidev.co/blog/visual-studio-code-css-linting-with-tailwind/

And disable validation for .scss as well in VS code if you are using Scss files. Stylelint will handle it for you.