.scss
Code
SCSS (CSS الأنيقة)
SCSS هي الصيغة الحديثة لـ Sass، أشهر معالج CSS مسبق. تستخدم مجموعة فوقية من صيغة CSS (أقواس معقوفة وفواصل منقوطة) مع متغيرات وتداخل ومزيجات ودوال ووحدات. يُستخدم SCSS بواسطة Bootstrap 5 وأدوات بناء Tailwind وأنظمة تصميم المؤسسات.
نوع MIME
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
استخدم SCSS لأوراق الأنماط المعقدة وأنظمة التصميم وأي مشروع يستفيد من المتغيرات والمزيجات وبنية CSS النموذجية.
التفاصيل التقنية
تُترجم ملفات SCSS إلى CSS عبر Dart Sass (التطبيق المرجعي). تشمل الميزات $variables و@mixin/@include والتداخل و@extend ووحدات @use/@forward ودوال مدمجة للألوان والرياضيات والسلاسل النصية.
التاريخ
أنشأ Hampton Catlin لغة Sass في 2006 بصيغة قائمة على المسافات البادئة. قُدمت SCSS (CSS الأنيقة) في Sass 3.0 (2010) بصيغة متوافقة مع CSS وسرعان ما أصبحت نمط Sass السائد.