Sass Introduction

🔹 نصب Sass

اگر Node.js نصب داری، با این دستور Sass را نصب کن:

npm install -g sass

برای بررسی نصب:

sass –versionsass –version

🔹 نحوه اجرا

برای کامپایل کردن فایل .scss به .css:

sass input.scss output.css

برای اجرا به صورت زنده (watch mode):

sass –watch input.scss output.css

🔹 مثال ساده Sass

کد SCSS:

$primary-color: #4CAF50;

body {
background: $primary-color;
color: white;

  h1 {
  font-size: 2em;
}
}

بعد از کامپایل به CSS:

body {
background: #4CAF50;
color: white;
}
body h1 {
font-size: 2em;
}

🔹 مزیت‌های کلیدی Sass

✅ کاهش تکرار
✅ ساختاردهی بهتر
✅ قابلیت نگهداری بالا
✅ افزایش سرعت توسعه
✅ استفاده در ابزارهایی مثل Webpack، Vite و Gulp