Sass Variables
The Telerik and Kendo UI Wizard 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 and Stepper components.
| Variable | Default Value | Computed Value | Value |
|---|---|---|---|
kendo-wizard-padding-x | $kendo-padding-md-x * 2.5 | 20px | Default: $kendo-padding-md-x * 2.5Computed: 20px |
| Description: The horizontal padding of the Wizard. | |||
kendo-wizard-padding-y | $kendo-wizard-padding-x | 20px | Default: $kendo-wizard-padding-xComputed: 20px |
| Description: The vertical padding of the Wizard. | |||
kendo-wizard-content-padding-x | $kendo-padding-md-x * 4 | 32px | Default: $kendo-padding-md-x * 4Computed: 32px |
| Description: The horizontal padding of the Wizard content. | |||
kendo-wizard-content-padding-y | $kendo-padding-md-y * 8 | 32px | Default: $kendo-padding-md-y * 8Computed: 32px |
| Description: The vertical padding of the Wizard content. | |||
kendo-wizard-buttons-margin-x | 10px | 10px | Default: 10pxComputed: 10px |
| Description: The horizontal margin of the Wizard's Button container. | |||
kendo-wizard-border-width | 0px | 0px | Default: 0pxComputed: 0px |
| Description: The border width of the Wizard. | |||
kendo-wizard-font-size | $kendo-font-size-md | 14px | Default: $kendo-font-size-mdComputed: 14px |
| Description: The font size of the Wizard. | |||
kendo-wizard-line-height | $kendo-line-height-md | 1.4285714286 | Default: $kendo-line-height-mdComputed: 1.4285714286 |
| Description: The line height of the Wizard. | |||
kendo-wizard-font-family | $kendo-font-family | inherit | Default: $kendo-font-familyComputed: inherit |
| Description: The font family of the Wizard. | |||
kendo-wizard-step-focus-border | #656565 | #656565 | Default: #656565Computed: #656565 |
| Description: The outline of the focused Wizard step. | |||
