.scss
Code
SCSS (Sassy CSS)
SCSS ist eine CSS-Präprozessor-Syntax, die Variablen, Verschachtelung, Mixins und Funktionen hinzufügt. SCSS-Dateien (.scss) werden zu Standard-CSS kompiliert.
MIME-Typ
text/x-scss
Typ
Text
Komprimierung
Verlustfrei
Vorteile
- + CSS-compatible syntax — any CSS is valid SCSS
- + Powerful module system (@use, @forward) for large projects
- + Rich built-in functions for colors, math, and lists
- + Industry standard in enterprise design systems
Nachteile
- − Requires a compilation step (Dart Sass or build tool)
- − Native CSS custom properties and nesting reduce the need for SCSS
- − Large projects can have complex dependency graphs
Wann Sie .SCSS verwenden sollten
Verwenden Sie SCSS für große CSS-Projekte, die Variablen, wiederverwendbare Mixins und modulare Organisation benötigen. Standard in vielen Frontend-Frameworks.
Technische Details
SCSS ist eine Obermenge von CSS, die zu Standard-CSS kompiliert wird. Es unterstützt $-Variablen, @mixin/@include, &-Verschachtelung, @extend und mathematische Operationen.
Geschichte
Hampton Catlin erfand Sass 2006. SCSS (Sassy CSS) wurde 2010 als CSS-kompatible Sass-Syntax eingeführt und ist heute die bevorzugte Sass-Syntax.