Sass Listeler Fonksiyonları
- Önceki Sayfa Sass Sayısal
- Sonraki Sayfa Sass Haritalama
Sass Listeler Fonksiyonları
Liste fonksiyonları, listedeki değerlere erişmek, listeleri birleştirmek ve listelere öğe eklemek için kullanılır.
Sass listeleri değişmezdir (onları değiştiremezsiniz). Bu yüzden, listeden dönen liste fonksiyonları yeni bir liste döndürür ve orijinal listeyi değiştirmez.
Sass listeleri 1 bazlıdır. Listedeki ilk liste öğesi indeks 1'dedir, 0 değil.
Aşağıda Sass'taki tüm liste fonksiyonları listelenmiştir:
| Fonksiyon | Açıklama & Örnek |
|---|---|
| append(list, değer, [separator]) |
Tek bir değer eklemek için listeye eklenir. Örnek:append((a b c), d) Sonuç: a b c d append((a b c), (d), comma) Sonuç: a, b, c, d |
| index(list, değer) |
Listedeki değerlerin indeks konumunu döndürür. Örnek:index(a b c, b) Sonuç: 2 index(a b c, f) Sonuç: null |
| is-bracketed(list) |
Listeyi parantezlerle mi kontrol ediliyor. Örnek:is-bracketed([a b c]) Sonuç: true is-bracketed(a b c) Sonuç: false |
| join(list1, list2, [separator, bracketed] |
eklenecek list2 eklenir list1 sonunda. Örnek:join(a b c, d e f) Sonuç: a b c d e f join((a b c), (d e f), comma) Sonuç: a, b, c, d, e, f join(a b c, d e f, $bracketed: true) Sonuç: [a b c d e f] |
| length(list) |
Listenin uzunluğunu döndürür. Örnek:length(a b c) Sonuç: 3 |
| list-separator(list) |
Kullanılan listeleme ayraçlarını dize olarak döndürür. Space veya comma olabilir. Örnek:list-separator(a b c) Sonuç: "space" list-separator(a, b, c) Sonuç: "comma" |
| nth(list, n) |
Listedeki n'inci elemanı döndürün. Örnek:nth(a b c, 3) Sonuç: c |
| set-nth(list, n, değer) |
n'inci listeleme öğesini belirtilen değere ayarlayın. Örnek:set-nth(a b c, 2, x) Sonuç: a x c |
| zip(lists) |
Listeleri tek bir çok boyutlu listede birleştirin. Örnek:zip(1px 2px 3px, solid dashlı noktalı, red green blue) Sonuç: 1px solid red, 2px dashlı green, 3px noktalı blue |
- Önceki Sayfa Sass Sayısal
- Sonraki Sayfa Sass Haritalama
