SCSS (Sassy CSS)
CSS प्रीप्रोसेसर जो variables, nesting, mixins और functions जैसी अतिरिक्त सुविधाएँ प्रदान करता है। SCSS फ़ाइलें स्टैंडर्ड CSS में कम्पाइल होती हैं।
MIME Type
text/x-scss
प्रकार
टेक्स्ट
संपीड़न
दोषरहित
लाभ
- + 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
हानियाँ
- − 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
.SCSS कब उपयोग करें
बड़े CSS प्रोजेक्ट्स जहाँ variables और mixins आवश्यक हों, CSS फ्रेमवर्क कस्टमाइज़ेशन (Bootstrap), थीमिंग सिस्टम, और कम्पोनेंट-आधारित CSS आर्किटेक्चर।
तकनीकी विवरण
SCSS, CSS का एक सुपरसेट है जो $variables, @mixin, @include, @extend, nesting, partials (_filename.scss), @use/@forward मॉड्यूल सिस्टम और बिल्ट-इन फ़ंक्शन्स (color, math, string) जोड़ता है। Dart Sass वर्तमान रेफरेंस इम्प्लिमेंटेशन है।
इतिहास
Hampton Catlin ने 2006 में Sass बनाया, जो इंडेंटेशन-आधारित सिंटैक्स (.sass) का उपयोग करता था। 2010 में SCSS सिंटैक्स पेश किया गया जो CSS-संगत है। SCSS/Sass बूटस्ट्रैप और अनगिनत वेब प्रोजेक्ट्स का मुख्य CSS प्रीप्रोसेसर बन गया।