الفرق بين المراجعتين لصفحة: «Sass/append»
< Sass
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()append</code> في Sass}}</noinclude> | |||
<noinclude>{{DISPLAYTITLE: الدالة <code>()append</code> في Sass | تُضيف الدالة append() قيمة ما إلى قائمةٍ. | ||
}}</noinclude> | |||
تُضيف قيمة إلى قائمةٍ. | |||
ما لم يُمرَّر الوسيط <code>$separator</code>، فإنّ القائمة التي ستُعيدها الدالة ستكون مفصولة بمسافات بيضاء إن كانت القائمة أحاديةً. | ما لم يُمرَّر الوسيط <code>$separator</code>، فإنّ القائمة التي ستُعيدها الدالة ستكون مفصولة بمسافات بيضاء إن كانت القائمة أحاديةً. | ||
| سطر 41: | سطر 39: | ||
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#append-instance_method قسم الدالة append في صفحة الدوال في توثيق Sass الرسمي.] | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#append-instance_method قسم الدالة append في صفحة الدوال في توثيق Sass الرسمي.] | ||
[[تصنيف:Sass]] | [[تصنيف:Sass]] | ||
[[تصنيف: Sass Function]] | [[تصنيف:Sass Function]] | ||
مراجعة 02:35، 21 أبريل 2018
تُضيف الدالة append() قيمة ما إلى قائمةٍ.
ما لم يُمرَّر الوسيط $separator، فإنّ القائمة التي ستُعيدها الدالة ستكون مفصولة بمسافات بيضاء إن كانت القائمة أحاديةً.
كبقية دوال القوائم، فالدالة ()append تعيد قائمة جديدةً بدلًا من تغييرها موضعيًا.
البنية العامة
append($list, $val, $separator: auto)
المعاملات
$list
القائمة التي ستعمل عليها الدالة.
$val
القيمة التي ستُضاف إلى القائمة.
$separator
فاصلة القائمة المُستخدمة. إن كانت فاصلةً أو مسافةً، فستُستخدم. أما إن كانت قيمتها auto (القيمة الافتراضية)، فسيُحدد الفاصل كما شرحنا سابقًا.
القيم المعادة
القائمة الناتجة بعد إضافة العنصر.
أمثلة
مثال عن استخدام الدالة append() لضبط قيمة الحواشي (padding):
.selector {
padding: append(10px, 30px); // 20px 30px
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
padding: 20px 30px;
}