sass-site/source/documentation/index.md
2023-06-01 16:56:54 -04:00

2.4 KiB
Raw Blame History

title introduction
Documentation Sass is a stylesheet language thats compiled to CSS. It allows you to use [variables](/documentation/variables), [nested rules](/documentation/style-rules#nesting), [mixins](/documentation/at-rules/mixin), [functions](/documentation/modules), and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and across projects.

Older Versions

This documentation is written for the most recent version of the Sass language. If you're using Dart Sass {{ releases['dart-sass'].version }}, you'll have access to all the features described here. But if you're using an older version of Dart Sass or a deprecated Sass implementation like LibSass or Ruby Sass, there may be some behavioral differences.

Anywhere behavior differs between versions or implementations, the documentation includes a compatibility indicator like this:

{% compatibility 'dart: true', 'libsass: "3.6.0"', 'ruby: false', 'feature: "Feature Name"' %}{% endcompatibility %}

Implementations with a "✓" fully support the feature in question, and implementations with a "✗" don't support it all. Implementations with a version number started supporting the feature in question at that version. Implementations can also be marked as "partial":

{% compatibility 'dart: true', 'libsass: "partial"', 'ruby: false' %} Additional details go here. {% endcompatibility %}

This indicates that the implementation only supports some aspects of the feature. These compatibility indicators (and many others) have a "▶" button, which can be clicked to show more details about exactly how the implementations differ and which versions support which aspects of the feature in question.