/svelte-add-scss

Add SCSS to your Svelte project

Primary LanguageJavaScriptMIT LicenseMIT

🕶 Add SCSS to Svelte

This is an adder for svelte-add; you should read its README before continuing here.

➕ Adding SCSS

This adder's codename is scss, and can be used like so:

npx svelte-add@latest scss

🏞 Supported environments

This adder supports SvelteKit and Vite-powered Svelte apps (all the environments svelte-add currently supports).

⚙️ Options

This adder doesn't take any options of its own.

🛠 Using SCSS

After the adder runs,

  • You can write SCSS syntax in the style lang="scss" blocks in Svelte files.

  • You can write SCSS syntax in the src/variables.scss file.

    Variables and mixins written here are automatically available to all other SCSS files and style lang="scss" blocks in Svelte files without needing to import this file.

  • You can write SCSS syntax in the src/app.scss file.

    This is your global stylesheet because it will be active on every page of your site.