الفرق بين المراجعتين لصفحة: «Sass/call»

من موسوعة حسوب
أنشأ الصفحة ب'<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> تستدعي دالة بشكل ديناميكي، سواء كانت الدالة مُعرّفة من قبل المستخدم أو كانت مُضمّنةً أو دالة [[CSS]]. ينبغي تمرير كل الوسائط، بما فيها الوسائط المُسمّاة (keyword arguments) للدالة المُستدعاة.
تستدعي الدالة <code>()call</code> دالة محدَّدة بشكل ديناميكي سواء كانت هذه الدالة مُعرّفة من قبل المستخدم أو مُضمّنةً أو دالة [[CSS]]. ستمرِّر هذه الدالة كل الوسائط بما فيها الوسائط المُسمّاة (keyword arguments) إلى الدالة المراد استدعاؤها.


== البنية العامة ==
== البنية العامة ==
سطر 13: سطر 13:


=== <code>‎$args</code> ===
=== <code>‎$args</code> ===
الوسائط التي ستُمرّر إلى الدالة المُستدعاة.
الوسائط التي ستُمرّر إلى الدالة <code>‎$function</code>.


== أمثلة ==
== أمثلة ==
مثال عن استخدام الدالة <code>call()‎</code> لضبط قيمة اللون (<code>[[CSS/color|color]]</code>):<syntaxhighlight lang="sass">
المثال 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;
}

مصادر