Skip to content
This repository has been archived by the owner on May 5, 2024. It is now read-only.
/ sass Public archive

⚠️ MOVED: https://github.com/svelte-add/svelte-add/ ⚠️ Add Sass to your Svelte project

License

Notifications You must be signed in to change notification settings

svelte-add/sass

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🕶 Add SASS to Svelte

GitHub issues by-label GitHub issues by-label

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

➕ Adding SASS

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

npx svelte-add@latest sass

🏞 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 SASS

After the adder runs,

  • You can write SASS syntax in the style lang="sass" blocks in Svelte files.

  • You can write SASS syntax in the src/variables.sass file.

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

  • You can write SASS syntax in the src/app.sass file.

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