الفرق بين المراجعتين لصفحة: «Sass/if»
< Sass
لا ملخص تعديل |
ط استبدال النص - 'توثيق Sass الرسمي.]' ب'توثيق Sass الرسمي].' |
||
(مراجعتان متوسطتان بواسطة مستخدمين اثنين آخرين غير معروضتين) | |||
سطر 37: | سطر 37: | ||
== انظر أيضًا == | == انظر أيضًا == | ||
* الدالة <code>[[Sass/call|call()]]</code>: تستدعي دالة بشكل ديناميكي. | * الدالة <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>: تتحقَّق ما إذا كان العدد الممرَّر إليها يملك واحدة أم لا. | |||
== مصادر == | == مصادر == | ||
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#if-instance_method قسم الدالة if في صفحة الدوال في توثيق Sass الرسمي. | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#if-instance_method قسم الدالة if في صفحة الدوال في توثيق Sass الرسمي]. | ||
[[تصنيف:Sass]] | [[تصنيف:Sass|{{SUBPAGENAME}}]] | ||
[[تصنيف: Sass Function]] | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] |
المراجعة الحالية بتاريخ 07:01، 20 مايو 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()
: تتحقَّق ما إذا كان العدد الممرَّر إليها يملك واحدة أم لا.