Global CSS API: Fields - Repeater
The following CSS custom properties are used for the repeater based field UI.
| Property | Description | Default |
|---|---|---|
| --gf-field-repeater-gap-y | Vertical (top/bottom) gap for repeater UI. | var(--gf-form-gap-y) |
| --gf-field-repeater-btn-inline-gap | Horizontal gap between buttons. | var(--gf-form-gap-x) |
| --gf-field-repeater-separator-color | Separator color. | var(--gf-color-out-ctrl-light-darker) |
| --gf-field-repeater-separator-size | Separator size. | 1px |
| --gf-field-repeater-nested-border-color | Nested border color. | var(--gf-color-out-ctrl-light-darker) |
| --gf-field-repeater-nested-border-size | Nested border size. | 1px |
| --gf-field-repeater-nested-border-style | Nested border style. | solid |
| --gf-field-repeater-nested-padding-x-start | Nested horizontal start (left) padding. | 20px |