Sass ຮູບວຽກຈາກລາຍການ

Sass ຮູບວຽກຈາກລາຍການ

ກົນລະບົບລາຍການມີຕົວເລື່ອງເພື່ອກວດກາວັດສະນະໃນລາຍການ, ກຽມລາຍການຫຼືເພີ່ມວັດສະນະໄປລາຍການ.

Sass ລາຍການບໍ່ສາມາດປ່ຽນແປງ (ພວກມັນບໍ່ສາມາດປ່ຽນແປງ). ເພາະຫນັງນັ້ນກົນລະບົບທີ່ກັບຄືນລາຍການມີຄືນລາຍການໃຫມ່ທີ່ບໍ່ປ່ຽນແປງລາຍການແບບເດີມ.

Sass ລາຍການມີພາກການຈັດຕັ້ງຕາມ 1. ລາຍການທໍາອິດຂອງລາຍການຢູ່ຕຳແຫຼງ 1 ບໍ່ແມ່ນ 0.

ລາຍການກົນລະບົບທັງໝົດໃນ Sass:

ກົນລະບົບ ອະທິບາຍ & ເຫດການ
append(list, value, [separator])

ຕິດຕັ້ງວັດສະນະພຽງຢ່າງດຽວໃນທ້າຍລາຍການ.
ສັນຍາການແຍກບ່ອນສາມາດມີ auto、comma ຫຼື space. auto ເປັນຜົນການດັດທີ່ມີເຫຼັກ.

ບົດການພິມ:

append((a b c), d)

ຜົນຄະນະ: a b c d

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

ຜົນຄະນະ: a, b, c, d

index(list, value)

ກັບຄືນຕຳແຫຼງການຂອງວັດສະນະໃນລາຍການ.

ບົດການພິມ:

index(a b c, b)

ຜົນຄະນະ: 2

index(a b c, f)

ຜົນຄະນະ: null

is-bracketed(list)

ກວດກາລາຍການມີບອກສັນຍາບັນ.

ບົດການພິມ:

is-bracketed([a b c])

ຜົນຄະນະ: true

is-bracketed(a b c)

ຜົນຄະນະ: false

join(list1, list2, [separator, bracketed])

ຈະ list2 ຕິດຕັ້ງໄປ list1 ຂອງບັນຫາ.
ສັນຍາການແຍກບ່ອນສາມາດມີ auto、comma ຫຼື space.
auto ເປັນຜົນການດັດທີ່ມີເຫຼັກ (ຈະໃຊ້ສັນຍາການແຍກບ່ອນທີ່ເທັກໃນລາຍການທໍາອິດ).
bracketed ສາມາດມີ auto、true ຫຼື false. auto ເປັນຜົນການດັດທີ່ມີເຫຼັກ.

ບົດການພິມ:

join(a b c, d e f)

ຜົນຄະນະ: a b c d e f

join((a b c), (d e f), comma)

ຜົນຄະນະ: a, b, c, d, e, f

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

ຜົນ: [a b c d e f]

length(list)

ຮັບຈຳນວນຂອງລາຍການ

ບົດການພິມ:

length(a b c)

ຜົນ: 3

list-separator(list)

ຮັບຄຳສັບຈາກລາຍການທີ່ໃຊ້ເປັນຈຳນວນລາຍການ. ສາມາດເປັນ space ຫລື comma.

ບົດການພິມ:

list-separator(a b c)

ຜົນ: "space"

list-separator(a, b, c)

ຜົນ: "comma"

nth(list, n)

ຮັບຄຳສັບທີ່ n ຈາກລາຍການ

ບົດການພິມ:

nth(a b c, 3)

ຜົນ: c

set-nth(list, n, value)

ຈັດສະບັນຍັດອີກຄັ້ງຂອງລາຍການທີ່ n

ບົດການພິມ:

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

ຜົນ: a x c

zip(lists)

ຈັດສະບັນຍັດລາຍການເປັນລາຍການສອງລະຫວ່າງດຽວ

ບົດການພິມ:

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

ຜົນ: 1px solid red, 2px dashed green, 3px dotted blue