وظائف القوائم Sass

إضافة قيمة واحدة إلى نهاية القائمة.
مسافات الفاصلة يمكن أن تكون auto أو comma أو space. auto هي القيمة الافتراضية.

مثال:

append((a b c), d)

النتيجة: a b c d

append((a b c), (d), comma)

النتيجة: a, b, c, d

يعيد موقع القيمة في القائمة.

مثال:

index(a b c, b)

النتيجة: 2

index(a b c, f)

النتيجة: null

تحقق من ما إذا كانت القائمة تحتوي على أقواس مزدوجة.

مثال:

is-bracketed([a b c])

النتيجة: true

is-bracketed(a b c)

النتيجة: false

الجمع بين list2 إضافة إلى list1 في نهاية
مسافات الفاصلة يمكن أن تكون auto أو comma أو space.
auto هي القيمة الافتراضية (سيتم استخدام مسافات الفاصلة من القائمة الأولى).
bracketed يمكن أن تكون auto أو true أو false. auto هي القيمة الافتراضية.

مثال:

ضم (a b c, d e f)

النتيجة: a b c d e f

ضم ((a b c), (d e f), comma)

النتيجة: a, b, c, d, e, f

ضم (a b c, d e f, $bracketed: true)

النتيجة: [a b c d e f]

يعيد طول القائمة.

مثال:

length(a b c)

النتيجة: 3

يعيد النص الخاص بالحرف الفاصل المستخدم في القائمة. يمكن أن يكون هذا الفاصل مسافة أو نقطة.

مثال:

list-separator(a b c)

النتيجة: "space"

list-separator(a, b, c)

النتيجة: "comma"

يعيد العنصر n في القائمة.

مثال:

nth(a b c, 3)

النتيجة: c

تعيين قيمة العنصر n المحدد في القائمة.

مثال:

set-nth(a b c, 2, x)

النتيجة: a x c

دمج القوائم في قائمة متعددة واحدة.

مثال:

zip(1px 2px 3px, solid dashed dotted, red green blue)

النتيجة: 1px solid red, 2px dashed green, 3px dotted blue