Customizing Captcha
Variables
The following table lists the available variables for customization.
| Name | Type | Default value | Computed value |
|---|---|---|---|
| $kendo-captcha-spacer | String | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) |
Description
The spacer of the Captcha. | |||
| $kendo-captcha-width | Number | 335px | 335px |
Description
The width of the Captcha. | |||
| $kendo-captcha-font-family | String | var( --kendo-font-family, inherit ) | var(--kendo-font-family, inherit) |
Description
The font family of the Captcha. | |||
| $kendo-captcha-font-size | String | var( --kendo-font-size, inherit ) | var(--kendo-font-size, inherit) |
Description
The font size of the Captcha. | |||
| $kendo-captcha-line-height | String | var( --kendo-line-height, normal ) | var(--kendo-line-height, normal) |
Description
The line height of the Captcha. | |||
| $kendo-captcha-gap | String | $kendo-captcha-spacer | var(--kendo-spacing-2, 0.5rem) |
Description
The gap of the Captcha. | |||
| $kendo-captcha-bg | String | $kendo-component-bg | var(--kendo-color-surface-alt, #ffffff) |
Description
The background color of the Captcha. | |||
| $kendo-captcha-text | String | $kendo-component-bg | var(--kendo-color-surface-alt, #ffffff) |
Description
The text color of the Captcha. | |||
| $kendo-captcha-border | String | $kendo-component-bg | var(--kendo-color-surface-alt, #ffffff) |
Description
The border color of the Captcha. | |||
| $kendo-captcha-image-wrap-gap | String | $kendo-captcha-spacer | var(--kendo-spacing-2, 0.5rem) |
Description
The gap of the Captcha image wrapper. | |||
| $kendo-captcha-image-controls-gap | String | $kendo-captcha-spacer | var(--kendo-spacing-2, 0.5rem) |
Description
The gap of the Captcha image controls. | |||
| $kendo-captcha-validation-message-margin-top | Calculation | calc( #{$kendo-captcha-spacer} / 2 ) | calc(var(--kendo-spacing-2, 0.5rem) / 2) |
Description
The top margin of the Captcha validation message. | |||
| $kendo-captcha-validation-message-font-size | String | var( --kendo-font-size-sm, inherit ) | var(--kendo-font-size-sm, inherit) |
Description
The font size of the Captcha validation message. | |||
| $kendo-captcha-validation-message-font-style | String | italic | italic |
Description
The font style of the Captcha validation message. | |||
