الفرق بين المراجعتين ل"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()
: تستدعي دالة بشكل ديناميكي.