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

مراجعة 14:28، 13 مايو 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");
}

ستُصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:

.selector {
  border: "none"; }

انظر أيضًا

الدالة call()‎: تستدعي دالة بشكل ديناميكي.
الدالة function_exists()‎: تتحقَّق إذا كانت دالةٌ ما موجودةً أم لا.
الدالة feature_exists()‎: تتحقَّق ما إذا كانت ميزة معينةٌ موجودةٌ في وقت تشغيل Sass.
الدالة mixin_exists()‎: تتحقَّق ما إذا كان مخلوط ما موجودًا.
الدالة unitless()‎: تتحقَّق ما إذا كان العدد الممرَّر إليها يملك واحدة أم لا.

مصادر

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

@@ سطر 37: / سطر 37: @@
 == انظر أيضًا ==
 * الدالة <code>[[Sass/call|call()]]</code>‎: تستدعي دالة بشكل ديناميكي.
+* الدالة <code>[[Sass/function exists|function_exists()‎]]</code>: تتحقَّق إذا كانت دالةٌ ما موجودةً أم لا.
+* الدالة <code>[[Sass/feature exists|feature_exists()]]</code>‎: تتحقَّق ما إذا كانت ميزة معينةٌ موجودةٌ في وقت تشغيل <nowiki/>[[Sass]].
+* الدالة <code>[[Sass/mixin exists|mixin_exists()]]</code>‎: تتحقَّق ما إذا كان مخلوط ما موجودًا.
+* الدالة <code>[[Sass/unitless|unitless()‎]]</code>: تتحقَّق ما إذا كان العدد الممرَّر إليها يملك واحدة أم لا.
 == مصادر ==