Customizing Captcha
Variables
The following table lists the available variables for customization.
| Name | Type | Default value | Computed value |
|---|---|---|---|
| $kendo-captcha-width | Number | 280px | 280px |
Description
The width of the Captcha. | |||
| $kendo-captcha-font-family | String | $kendo-font-family | inherit |
Description
The font family of the Captcha. | |||
| $kendo-captcha-font-size | Number | $kendo-font-size-md | 1rem |
Description
The font size of the Captcha. | |||
| $kendo-captcha-line-height | Number | $kendo-line-height-md | 1.5 |
Description
The line height of the Captcha. | |||
| $kendo-captcha-spacing | String | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) |
Description
The spacing of the Captcha. | |||
| $kendo-captcha-bg | Color | $kendo-component-bg | #ffffff |
Description
The background color of the Captcha. | |||
| $kendo-captcha-text | Color | $kendo-component-text | #494949 |
Description
The text color of the Captcha. | |||
| $kendo-captcha-border | Color | $kendo-component-border | #ededed |
Description
The border color of the Captcha. | |||
| $kendo-captcha-image-wrap-spacing | String | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) |
Description
The spacing of the Captcha image wrapper. | |||
| $kendo-captcha-image-controls-spacing | String | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) |
Description
The spacing of the Captcha image controls. | |||
| $kendo-captcha-validation-offset-y | String | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) |
Description
The offset of the Captcha validation message. | |||
| $kendo-captcha-validation-font-size | Number | $kendo-font-size-sm | 0.875rem |
Description
The font size of the Captcha validation message. | |||
