الفرق بين المراجعتين ل"Sass/if"

مراجعة 12:03، 12 مايو 2018

تعيد الدالة ()if إحدى القيمتين الممرَّرتين إليها اعتمادًا على تحقُّق شرط معين. تشبه تمامًا التعليمة ‎@if، إذ تُعدّ جميع القيم صحيحةً باستثناء القيمة false والقيمة null.

البنية العامة

if($condition, $if-true, $if-false)

المعاملات

`‎$condition`

الشرط المراد التحقق من صحته.

`‎$if-true`

القيمة التي ستُعاد إن كان الشرط ‎$condition محقَّقًا.

`‎$if-false`

القيمة التي ستُعاد إن لم يكن الشرط ‎$condition محقَّقًا.

القيم المعادة

تُعاد القيمة ‎$if-true أو القيمة ‎$if-false بناءً على تحقق الشرط ‎$condition.

أمثلة

مثال عن استخدام الدالة if()‎ لإضافة إطار border للعنصر اعتمادًا على شرطٍ معيّن:

$border-type: "none";

.selector {
  border: if($border-type == "none", "none", "1px soild black");
}

انظر أيضًا

الدالة call()‎: تستدعي دالة بشكل ديناميكي.

مصادر

قسم الدالة if في صفحة الدوال في توثيق Sass الرسمي.

@@ سطر 22: / سطر 22: @@
 == أمثلة ==
-المثال 1: استخدام الدالة <code>if()‎</code>.<syntaxhighlight lang="sass">
+مثال عن استخدام الدالة <code>if()‎</code> لإضافة إطار <code>[[CSS/border|border]]</code> للعنصر اعتمادًا على شرطٍ معيّن:<syntaxhighlight lang="sass">
-if(true, 1px, 2px) // 1px
+$border-type: "none";
-if(false, 1px, 2px) // 2px
+.selector {
+  border: if($border-type == "none", "none", "1px soild black");
+}
 </syntaxhighlight>