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

من موسوعة حسوب
لا ملخص تعديل
طلا ملخص تعديل
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE: الدالة <code>()‎get_function</code> في Sass}}</noinclude>
<noinclude>{{DISPLAYTITLE: الدالة <code>()‎get_function</code> في Sass}}</noinclude>
تعيد الدالة <code>()get_function</code> مرجعًا إلى دالة من أجل استدعائها لاحقًا باستخدام الدالة <code>[[Sass/call|()call]]</code>.
تعيد الدالة <code>()get_function</code> مرجعًا إلى دالة من أجل استدعائها لاحقًا باستخدام الدالة <code>[[Sass/call|()call]]</code>.
إن كانت قيمة المعامل <code>‎$css</code> هي <code>FALSE</code>، فقد يُشير مرجع الدالة إلى دالةٍ معرّفة في ملف الأنماط أو مضمَّنة في بيئة المضيف؛ وإن كانت قيمته <code>TRUE</code>، فسيشير إلى دالة خاصة بلغة [[CSS]].


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


=== <code>‎$css</code> ===
=== <code>‎$css</code> ===
يحدِّد هذا المعامل ما إذا كانت ستُعاد دالة خاصة بلغة [[CSS]] كما شرح آنفًا.  
يحدِّد هذا المعامل ما إذا كانت ستُعاد دالة خاصة بلغة [[CSS]]. إن كانت قيمة هذا المعامل هي <code>FALSE</code>، فقد يُشير مرجع الدالة إلى دالةٍ معرّفة في ملف الأنماط أو مضمَّنة في بيئة المضيف؛ وإن كانت قيمته <code>TRUE</code>، فسيشير إلى دالة خاصة بلغة [[CSS]].  


== القيم المعادة ==
== القيم المعادة ==
سطر 21: سطر 19:


== أمثلة ==
== أمثلة ==
المثال 1: استخدام الدالة <code>get_function()‎</code>. للحصول على مرجعية لدالة معرّفة من قبل المستخدم وذلك تبعًا لقيمة [[Sass/SassScript#.D8.A7.D9.84.D9.85.D8.AA.D8.BA.D9.8A.D8.B1.D8.A7.D8.AA: .24|متغيرٍ]] ما (باستخدام التعليمة <code>[[Sass/control directives#.E2.80.8E.40if|‎@if]]</code>):<syntaxhighlight lang="sass">
مثال عن استخدام الدالة <code>get_function()‎</code>. للحصول على مرجعية لدالة معرّفة من قبل المستخدم وذلك تبعًا لقيمة [[Sass/SassScript#.D8.A7.D9.84.D9.85.D8.AA.D8.BA.D9.8A.D8.B1.D8.A7.D8.AA: .24|متغيرٍ]] ما (باستخدام التعليمة <code>[[Sass/control directives#.E2.80.8E.40if|‎@if]]</code>):<syntaxhighlight lang="sass">
$length-type: "absolute"; // هل نريد طولًا مطلقًا أم نسبيًا؟
$length-type: "absolute"; // هل نريد طولًا مطلقًا أم نسبيًا؟



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

تعيد الدالة ()get_function مرجعًا إلى دالة من أجل استدعائها لاحقًا باستخدام الدالة ()call.

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

get_function($name, $css: false)

المعاملات

‎$name

اسم الدالة المراد الحصول على مرجع لها.

‎$css

يحدِّد هذا المعامل ما إذا كانت ستُعاد دالة خاصة بلغة CSS. إن كانت قيمة هذا المعامل هي FALSE، فقد يُشير مرجع الدالة إلى دالةٍ معرّفة في ملف الأنماط أو مضمَّنة في بيئة المضيف؛ وإن كانت قيمته TRUE، فسيشير إلى دالة خاصة بلغة CSS.

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

يُعاد مرجعٌ للدالة ذات الاسم ‎$name.

أمثلة

مثال عن استخدام الدالة get_function()‎. للحصول على مرجعية لدالة معرّفة من قبل المستخدم وذلك تبعًا لقيمة متغيرٍ ما (باستخدام التعليمة ‎@if):

$length-type: "absolute"; // هل نريد طولًا مطلقًا أم نسبيًا؟


@function absolute($arg) { @return "#{$arg * 16}px"; } // إعادة طول مطلق
@function relative($arg) { @return "#{$arg}em"; } // إعادة طول نسبي

$length: none;
@if $length-type == "absolute" {
  $length: get_function("absolute"); // الحصول على مرجعية للدالة
} @else {
  $length: get_function("relative"); // الحصول على مرجعية للدالة
}

.selector {
  padding: call($length, 1.5); // 24px
}

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

.selector {
  padding: "24px"; }

انظر أيضًا

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

مصادر