Sass معالج مسبق لـ CSS (CSS Preprocessor). تكتب بلغة فيها ميزات إضافية، ثم يحوّلها Sass إلى CSS عادي يفهمه المتصفح.

أشهر ميزاته

$primary: #143447;

.card {
  color: $primary;

  .title {
    font-weight: bold;
  }

  &:hover {
    opacity: 0.9;
  }
}

• المتغيرات مثل $primary.
• التداخل (Nesting) لكتابة القواعد داخل بعضها.
• Mixins ودوال لإعادة استخدام الكود.
• تقسيم الملفات ودمجها.

هل ما زلنا نحتاجه؟

CSS الحديث صار يدعم المتغيرات (--primary) والتداخل. لذلك مشاريع كثيرة جديدة تستغني عن Sass، لكنه ما زال منتشرًا في مشاريع قائمة.