Sass Variables
The Telerik and Kendo UI SplitButton is a composite UI component. To configure and customize its appearance, use not only its dedicated Sass variables but also the Sass variables provided by the Button component.
| Variable | Default Value | Computed Value | Value |
|---|---|---|---|
kendo-split-button-focus-shadow | $kendo-button-focus-shadow | 0 0 0 2px rgba(0, 0, 0, 0.08) | Default: $kendo-button-focus-shadowComputed: 0 0 0 2px rgba(0, 0, 0, 0.08) |
| Description: The focus shadow of the SplitButton. | |||
kendo-split-button-arrow-padding-x | $kendo-button-padding-y | 4px | Default: $kendo-button-padding-yComputed: 4px |
| Description: The horizontal padding of the arrow Button. | |||
kendo-split-button-sm-arrow-padding-x | $kendo-button-sm-padding-y | 2px | Default: $kendo-button-sm-padding-yComputed: 2px |
| Description: The horizontal padding of the small arrow Button. | |||
kendo-split-button-md-arrow-padding-x | $kendo-button-md-padding-y | 4px | Default: $kendo-button-md-padding-yComputed: 4px |
| Description: The horizontal padding of the medium arrow Button. | |||
kendo-split-button-lg-arrow-padding-x | $kendo-button-lg-padding-y | 8px | Default: $kendo-button-lg-padding-yComputed: 8px |
| Description: The horizontal padding of the large arrow Button. | |||
kendo-split-button-arrow-padding-y | $kendo-button-padding-y | 4px | Default: $kendo-button-padding-yComputed: 4px |
| Description: The vertical padding of the arrow Button. | |||
kendo-split-button-sm-arrow-padding-y | $kendo-button-sm-padding-y | 2px | Default: $kendo-button-sm-padding-yComputed: 2px |
| Description: The vertical padding of the small arrow Button. | |||
kendo-split-button-md-arrow-padding-y | $kendo-button-md-padding-y | 4px | Default: $kendo-button-md-padding-yComputed: 4px |
| Description: The vertical padding of the medium arrow Button. | |||
kendo-split-button-lg-arrow-padding-y | $kendo-button-lg-padding-y | 8px | Default: $kendo-button-lg-padding-yComputed: 8px |
| Description: The vertical padding of the large arrow Button. | |||
