> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/styling/elemente/paginierung.md).
# Paginierung
### Farben
Die Paginierung des Listings hat neben den üblichen Farben auch Farben für die verschiedenen Status: :hover, :active und :disabled.
{% hint style="info" %}
**Tipp:** Die Werte der Felder können SCSS-Funktionen sein:
`hsl(hue($sw-border-color), saturation($sw-border-color), 89%)`
Hier wird die Farbe per hsl-Format definiert. Der Farbwinkel und Sättigung der Rahmenfarbe werden mit einer Helligkeit von 89% kombiniert.
{% endhint %}
### Grundeinstellungen
Das **Aussehen (1)** der Paginierung ist als `Pills` und `Standard` darstellbar. Elemente, die als `Pills` definiert sind, haben einen Abstand zueinander.
Die Option **Disabled-Buttons ausblenden (3)** blendet die überflüssigen Button aus, da diese ohnehin nicht klickbar sind. Befindet man sich beispielsweise auf Seite 1, sind die Buttons für "erste Seite" und "Seite vor" überflüssig.
Beispiele:
Disabled-Button ausgeblendet
{% hint style="info" %}
Die Abrundungen der Pills ergeben sich aus dem eingestellten Button-Radius aus dem Tab der Allgemein-Einstellungen. Für runde Pill müssen Buttons `rund` eingestellt sein.
{% endhint %}