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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()list_separator</code> في Sass}}</noinclude> تعيد الدالة <code>list_separator'''()‎'''</code> موضع عن...')
 
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE: الدالة <code>()list_separator</code> في Sass}}</noinclude>
 
<noinclude>{{DISPLAYTITLE: الدالة <code>()list_separator</code> في Sass}}</noinclude>
تعيد الدالة <code>list_separator'''()‎'''</code> موضع عنصرٍ في القائمة. إن لم يكن العنصر موجودًا فستعيد القيمة المعدومة <code>null</code>.
+
تعيد الدالة <code>list_separator'''()‎'''</code> فاصلة القائمة. إن لم يكن للقائمة فاصلة بسبب احتوائها على أقل من عنصرين فستعيد القيمة <code>space</code>.
 
 
لاحظ أنه على عكس بعض اللغات ، يكون رقم العنصر الأول في قوائم Sass هو <code>1</code>، والثاني رقمه <code>2</code>، وهكذا.
 
  
 
== البنية العامة ==
 
== البنية العامة ==
 
<syntaxhighlight lang="sass">
 
<syntaxhighlight lang="sass">
list_separator($list, $value)
+
list_separator($list)
 
</syntaxhighlight>
 
</syntaxhighlight>
  
سطر 13: سطر 11:
 
=== <code>‎$list</code> ===
 
=== <code>‎$list</code> ===
 
قائمة.
 
قائمة.
 
=== <code>‎$value</code> ===
 
قيمةٌ ما.
 
  
 
== القيم المعادة ==
 
== القيم المعادة ==
عدد يمثل موضع القيمة <code>‎$value</code> في القائمة، أو <code>null</code> إن لم يكن موجودًا فيها.
+
تعيد القيمة <code>space</code> أو <code>comma</code>.
  
 
== أمثلة ==
 
== أمثلة ==
 
مثال عن استخدام الدالة <code>list_separator()‎</code>:<syntaxhighlight lang="sass">
 
مثال عن استخدام الدالة <code>list_separator()‎</code>:<syntaxhighlight lang="sass">
index(1px solid red, solid) => 2
+
list-separator(1px 2px 3px) => space
index(1px solid red, dashed) => null
+
list-separator(1px, 2px, 3px) => comma
index((width: 10px, height: 20px), (height 20px)) => 2
+
list-separator('foo') => space
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css">
 
.selector {
 
  padding: 10px 20px 30px 40px;
 
  font-family: "Times New Roman", Times, serif;
 
}
 
 
</syntaxhighlight>
 
</syntaxhighlight>
 
 
== انظر أيضًا ==
 
== انظر أيضًا ==
* الدالة <code>[[Sass/append|append'''()''']]</code>'''‎''': تُضيف عنصرًا إلى قائمة.
+
* الدالة <code>[[Sass/index|index'''()''']]</code>'''‎''': تعيد موضع عنصرٍ في القائمة.
  
 
* الدالة <code>[[Sass/zip|zip()]]</code>‎: تُضم مجموعة من القوائم في قائمة واحدة متعددة الأبعاد.
 
* الدالة <code>[[Sass/zip|zip()]]</code>‎: تُضم مجموعة من القوائم في قائمة واحدة متعددة الأبعاد.
* الدالة <code>[[Sass/list separator|list_separator()]]</code>‎: تعيد فاصلة القائمة.
+
* الدالة <code>[[Sass/list separator|'''list_separator'''()]]</code>‎: تعيد فاصلة القائمة.
  
 
== مصادر ==
 
== مصادر ==
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#index-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
+
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#list_separator-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
 
[[تصنيف:Sass]]
 
[[تصنيف:Sass]]
 
[[تصنيف: Sass Function]]
 
[[تصنيف: Sass Function]]

مراجعة 11:48، 21 أبريل 2018

تعيد الدالة list_separator()‎ فاصلة القائمة. إن لم يكن للقائمة فاصلة بسبب احتوائها على أقل من عنصرين فستعيد القيمة space.

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

list_separator($list)

المعاملات

‎$list

قائمة.

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

تعيد القيمة space أو comma.

أمثلة

مثال عن استخدام الدالة list_separator()‎:

list-separator(1px 2px 3px) => space
list-separator(1px, 2px, 3px) => comma
list-separator('foo') => space

انظر أيضًا

  • الدالة index(): تعيد موضع عنصرٍ في القائمة.
  • الدالة zip()‎: تُضم مجموعة من القوائم في قائمة واحدة متعددة الأبعاد.
  • الدالة list_separator()‎: تعيد فاصلة القائمة.

مصادر