Skip to content

Commit 0249661

Browse files
authored
some notes on SASS
#362
1 parent bf1d78d commit 0249661

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

docs/preprocessors/other-css-preprocessors.md

+6
Original file line numberDiff line numberDiff line change
@@ -10,3 +10,9 @@ To use TailwindCSS with the VSCode extension:
1010

1111
1. Install the [Tailwind CSS VSCode extension](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
1212
2. Either add `lang="postcss"` to each of your `<style>` tags where you plan on using the Tailwind CSS directives such as `@apply`, or disable CSS diagnostics completely by adding `"svelte.plugin.css.diagnostics.enable": false` within your settings. If you still want diagnostics, install the [Stylelint VSCode extension](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) and [configure it accordingly](https://andrich.me/vscode-stylelint-tailwind-css-are-love)
13+
14+
## SASS
15+
16+
1. Install the [SASS VSCode extension](https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented)
17+
2. Add `lang="sass"` to your `<style>` tags
18+
3. You now get proper syntax highlighting. If you have problems with formatting, [turn it off](https://github.com/sveltejs/language-tools/tree/master/packages/svelte-vscode#sveltepluginsvelteformatenable). If you experience wrong css diagnostic errors, [turn it off](https://github.com/sveltejs/language-tools/tree/master/packages/svelte-vscode#svelteplugincssdiagnostics)

0 commit comments

Comments
 (0)