الفرق بين المراجعتين ل"Sass/call"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()call</code> في Sass}}</noinclude> الدالة <code>()call</code> تستدعي دالة بشكل ديناميكي،...') |
جميل-بيلوني (نقاش | مساهمات) ط (مراجعة الصفحة وتدقيقها.) |
||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()call</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()call</code> في Sass}}</noinclude> | ||
− | الدالة <code>()call</code> | + | تستدعي الدالة <code>()call</code> دالة محدَّدة بشكل ديناميكي سواء كانت هذه الدالة مُعرّفة من قبل المستخدم أو مُضمّنةً أو دالة [[CSS]]. ستمرِّر هذه الدالة كل الوسائط بما فيها الوسائط المُسمّاة (keyword arguments) إلى الدالة المراد استدعاؤها. |
== البنية العامة == | == البنية العامة == | ||
سطر 13: | سطر 13: | ||
=== <code>$args</code> === | === <code>$args</code> === | ||
− | الوسائط التي ستُمرّر إلى الدالة | + | الوسائط التي ستُمرّر إلى الدالة <code>$function</code>. |
== أمثلة == | == أمثلة == | ||
− | + | المثال 1: استخدام الدالة <code>call()</code> لضبط قيمة اللون (<code>[[CSS/color|color]]</code>).<syntaxhighlight lang="sass"> | |
.selector { | .selector { | ||
color: call(rgb, 10, 100, 255); // #0a64ff | color: call(rgb, 10, 100, 255); // #0a64ff |
مراجعة 13:24، 2 مايو 2018
تستدعي الدالة ()call
دالة محدَّدة بشكل ديناميكي سواء كانت هذه الدالة مُعرّفة من قبل المستخدم أو مُضمّنةً أو دالة CSS. ستمرِّر هذه الدالة كل الوسائط بما فيها الوسائط المُسمّاة (keyword arguments) إلى الدالة المراد استدعاؤها.
البنية العامة
call($function, $args...)
المعاملات
$function
الدالة التي ترغب في استدعائها.
$args
الوسائط التي ستُمرّر إلى الدالة $function
.
أمثلة
المثال 1: استخدام الدالة call()
لضبط قيمة اللون (color
).
.selector {
color: call(rgb, 10, 100, 255); // #0a64ff
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
color: #0a64ff;
}