New to Kendo UI for Vue? Start a free 30-day trial
Customizing Captcha
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-captcha-spacer | Number | k-map-get( $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 | List | $kendo-font-family | system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" |
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-gap | Number | $kendo-captcha-spacer | 0.5rem |
Description
The gap of the Captcha. | |||
$kendo-captcha-bg | Color | $kendo-component-bg | #ffffff |
Description
The background color of the Captcha. | |||
$kendo-captcha-text | Color | $kendo-component-bg | #ffffff |
Description
The text color of the Captcha. | |||
$kendo-captcha-border | Color | $kendo-component-bg | #ffffff |
Description
The border color of the Captcha. | |||
$kendo-captcha-image-wrap-gap | Number | $kendo-captcha-spacer | 0.5rem |
Description
The gap of the Captcha image wrapper. | |||
$kendo-captcha-image-controls-gap | Number | $kendo-captcha-spacer | 0.5rem |
Description
The gap of the Captcha image controls. | |||
$kendo-captcha-validation-message-margin-top | Number | k-math-div( $kendo-captcha-spacer, 2 ) | 0.25rem |
Description
The top margin of the Captcha validation message. | |||
$kendo-captcha-validation-message-font-size | Number | $kendo-font-size-sm | 0.875rem |
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. |