Documentation
Sass is a stylesheet language that’s compiled toCSS. It allows you to usevariables,nested rules,mixins,functions, and more, all with a fullyCSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and across projects.
If you’re looking for an introduction to Sass, check outthe tutorial.
If you want to look up a built-in Sass function, look no further thanthebuilt-in module reference.
If you’re calling Sass from JavaScript, you may want theJSAPI documentation.
Or theDartAPI documentation if you’re calling it from Dart.
Otherwise, use the table of contents for the language reference!
Older VersionsOlder Versions permalink
This documentation is written for the most recent version of the Sass language.If you’re usingDart Sass 1.86.0, you’ll haveaccess to all the features described here. But if you’re using an older versionof Dart Sass or a deprecated Sass implementation likeLibSass orRuby Sass,there may be some behavioral differences.
Anywhere behavior differs between versions or implementations, the documentationincludes a compatibility indicator like this:
- Dart Sass
- ✓
- LibSass
- since 3.6.0
- Ruby Sass
- ✗
Implementations with a "✓" fully support the feature in question, andimplementations with a "✗" don’t support it all. Implementations with a versionnumber started supporting the feature in question at that version.Implementations can also be marked as "partial":
- Dart Sass
- ✓
- LibSass
- partial
- Ruby Sass
- ✗
Additional details go here.
This indicates that the implementation only supports some aspects of thefeature. These compatibility indicators (and many others) have a "➤" button,which can be clicked to show more details about exactly how the implementationsdiffer and which versions support which aspects of the feature in question.