• Conditional Statement در SASS برای اعمال قوانین مختلف CSS بر اساس شرایط استفاده می‌شود.
• ساختار اصلی:

@if شرط {
  // کد CSS وقتی شرط درست باشد
} @else if شرط_دیگر {
  // کد CSS وقتی شرط دوم درست باشد
} @else {
  // کد CSS وقتی هیچ شرطی درست نباشد
}

• مثال عملی با Mixin:

@mixin avatar($size, $circle: false) {
  width: $size;
  height: $size;
  @if $circle {
    border-radius: $size/2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  } @else {
    border-radius: 5px;
  }
}

• نحوه استفاده:

.square { @include avatar(100px, $circle: false); }
.circle { @include avatar(100px, $circle: true); }

• توضیح: شرط $circle بررسی می‌کند که آیا عنصر باید دایره‌ای باشد یا مربع. اگر true باشد، شعاع گوشه نصف اندازه و سایه فعال می‌شود، در غیر این صورت شعاع گوشه ۵px می‌ماند.