الفرق بين المراجعتين لصفحة: «Sass/get function»
< Sass
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
(4 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
سطر 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>. | ||
== البنية العامة == | == البنية العامة == | ||
سطر 12: | سطر 10: | ||
=== <code>$name</code> === | === <code>$name</code> === | ||
اسم الدالة | اسم الدالة المراد الحصول على مرجع لها. | ||
=== <code>$css</code> === | === <code>$css</code> === | ||
يحدِّد هذا المعامل ما إذا كانت ستُعاد دالة خاصة بلغة [[CSS]]. إن كانت قيمة هذا المعامل هي <code>FALSE</code>، فقد يُشير مرجع الدالة إلى دالةٍ معرّفة في ملف الأنماط أو مضمَّنة في بيئة المضيف؛ وإن كانت قيمته <code>TRUE</code>، فسيشير إلى دالة خاصة بلغة [[CSS]]. | |||
== القيم المعادة == | == القيم المعادة == | ||
يُعاد مرجعٌ للدالة ذات الاسم <code>$name</code>. | |||
== أمثلة == | == أمثلة == | ||
مثال عن استخدام الدالة <code>get_function()</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"; // هل نريد طولًا مطلقًا أم نسبيًا؟ | |||
@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 | |||
} | |||
</syntaxhighlight>ستُصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:<syntaxhighlight lang="css"> | |||
.selector { | |||
padding: "24px"; } | |||
</syntaxhighlight> | </syntaxhighlight> | ||
== انظر أيضًا == | == انظر أيضًا == | ||
* الدالة <code>[[Sass/call|call()]]</code>: تستدعي دالة بشكل ديناميكي | * الدالة <code>[[Sass/call|call()]]</code>: تستدعي دالة بشكل ديناميكي. | ||
== مصادر == | == مصادر == | ||
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#get_function-instance_method قسم الدالة get_function في صفحة الدوال في توثيق Sass الرسمي. | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#get_function-instance_method قسم الدالة get_function في صفحة الدوال في توثيق Sass الرسمي]. | ||
[[تصنيف:Sass]] | [[تصنيف:Sass|{{SUBPAGENAME}}]] | ||
[[تصنيف: Sass Function]] | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] |
المراجعة الحالية بتاريخ 07:01، 20 مايو 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()
: تستدعي دالة بشكل ديناميكي.