Menu
Libraries |
Category

scss

  • Adds SCSS support to Svelte projects, allowing SCSS syntax in Svelte components and standalone SCSS files
  • Primary purpose: Enable SCSS preprocessing in Svelte applications
  • Target audience: Svelte developers who want to use SCSS features like variables, mixins, and nesting

Key Features:

  • Write SCSS in Svelte components via <style lang="scss"> blocks
  • Global SCSS variables/mixins available through src/variables.scss (no imports needed)
  • Global styles via src/app.scss (applies to all pages)

Supported Environments:

  • SvelteKit
  • Vite-powered Svelte apps

Usage:
Added via the svelte-add CLI with:

npx svelte-add@latest scss

Note: This is a configuration adder, not a standalone library. Works in conjunction with svelte-add .

sveltesveltekitsvelte-kitscsssasssvelte-addvite

Comments