Customizing Messagebox
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-message-box-margin | List | 0 0 k-spacing(3) 0 | 0 0 var(--kendo-spacing-3, 0.75rem) 0 |
Description
Margin around the message box. | |||
$kendo-message-box-padding-x | String | k-spacing(3) | var(--kendo-spacing-3, 0.75rem) |
Description
Horizontal padding of the message box. | |||
$kendo-message-box-padding-y | String | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) |
Description
Vertical padding of the message box. | |||
$kendo-message-box-border-width | Number | 0 | 0 |
Description
Border width of the message box. | |||
$kendo-message-box-border-style | String | solid | solid |
Description
Border style of the message box. | |||
$kendo-message-box-font-family | String | var( --kendo-font-family, inherit ) | var(--kendo-font-family, inherit) |
Description
Font family of the message box. | |||
$kendo-message-box-font-size | String | var( --kendo-font-size-sm, inherit ) | var(--kendo-font-size-sm, inherit) |
Description
Font size of the message box. | |||
$kendo-message-box-line-height | String | var( --kendo-line-height-sm, normal ) | var(--kendo-line-height-sm, normal) |
Description
Line height of the message box. | |||
$kendo-message-box-link-font-style | String | normal | normal |
Description
Font style of the message box links. | |||
$kendo-message-box-link-decoration | String | underline | underline |
Description
Text decoration of the message box links. | |||
$kendo-message-box-link-text | String | var( --kendo-link-text, initial ) | var(--kendo-link-text, initial) |
Description
Text color of the message box links. | |||
$kendo-message-box-link-hover-text | String | var( --kendo-link-hover-text, initial ) | var(--kendo-link-hover-text, initial) |
Description
Hover text color of the message box links. |