الفرق بين المراجعتين ل"Sass/append"

مراجعة 02:40، 21 أبريل 2018

تُضيف الدالة append()‎ قيمة ما إلى قائمةٍ.

ما لم يُمرَّر الوسيط ‎$separator، فإنّ القائمة التي ستُعيدها الدالة ستكون مفصولة بمسافات بيضاء إن كانت القائمة أحاديةً.

كبقية دوال القوائم، فالدالة ()append تعيد قائمة جديدةً بدلًا من تغييرها موضعيًا.

append($list, $val, $separator: auto)‎

القائمة التي ستعمل عليها الدالة.

القيمة التي ستُضاف إلى القائمة.

فاصلة القائمة المُستخدمة. إن كانت فاصلةً أو مسافةً، فستُستخدم. أما إن كانت قيمتها auto (القيمة الافتراضية)، فسيُحدد الفاصل كما شرحنا سابقًا.

القائمة الناتجة بعد إضافة العنصر.

مثال عن استخدام الدالة append()‎ لضبط قيمة الحواشي (padding):

.selector {
  padding: append((10px 20px), 30px); // 10px 20px 30px
}

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

.selector {
  padding: 10px 20px 30px;
}

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE: الدالة <code>()append‎</code> في Sass}}</noinclude>
-تُضيف الدالة append()‎ قيمة ما إلى قائمةٍ.
+تُضيف الدالة <code>append()‎</code> قيمة ما إلى قائمةٍ.
 ما لم يُمرَّر الوسيط ‎<code>$separator</code>، فإنّ القائمة التي ستُعيدها الدالة ستكون مفصولة بمسافات بيضاء إن كانت القائمة أحاديةً.
@@ سطر 26: / سطر 26: @@
 == أمثلة ==
-مثال عن استخدام الدالة <code>append()‎</code> لضبط قيمة الحواشي ([[CSS/padding|padding]]):<syntaxhighlight lang="sass">
+مثال عن استخدام الدالة <code>append()‎</code> لضبط قيمة الحواشي (<code>[[CSS/padding|padding]]</code>):<syntaxhighlight lang="sass">
 .selector {
-   padding: append(10px, 30px); // 20px 30px
+  padding: append((10px 20px), 30px); // 10px 20px 30px
 }
-</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة [[CSS/initial value|CSS]] الآتية:<syntaxhighlight lang="css">
+</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة CSS الآتية:<syntaxhighlight lang="css">
 .selector {
- padding: 20px 30px;
+  padding: 10px 20px 30px;
 }
 </syntaxhighlight>