- Sass steht für Syntactically Awesome Stylesheet
- Sass ist eine Erweiterung von CSS
- Sass ist ein css pre-processor
- Sass ist vollständig kompatibel mit allen CSS-Versionen
- Sass reduziert Wiederholungen von CSS und spart somit Zeit
- Sass kann kostenlos heruntergeladen und verwendet werden
-
Stylesheets werden immer größer, komplexer und schwieriger zu pflegen. Hier kann ein css-pre-processor helfen.
-
Mit Sass können wir Features verwenden, die in CSS nicht existieren, wie z.b. Variablen, nesting, mixins, imports, Extend/Inheritance und built-in functions.
SASS hat zwei Schreibweisen.
-
Die am häufigsten verwendete Syntax ist als „SCSS“ (für „Sassy CSS“) bekannt. SCSS-Dateien verwenden die Dateiendung .scss.
-
Die ältere Syntax ist als SASS bekannt. SASS kommt ohne geschweifte Klammern und Semikolons aus. Es werden Einrückungen von Zeilen verwendet, um Blöcke anzugeben. Dateien in der eingerückten Syntax verwenden die Dateiendung .sass.
| --------------- SASS --------------- | --------------- SCSS --------------- | --------------- CSS --------------- |
|---|
mehr Lesematerial
👉sass documentation
👉scss cheatsheet
👉scss best practices
👉complete scss guide in examples
👉scss guide
👉difference scss und sass