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-width | Number | 280px | 280px |
Description
Default width of the captcha. | |||
$kendo-captcha-font-family | Null | $kendo-font-family | null |
Description
Font family of the captcha. | |||
$kendo-captcha-font-size | Number | $kendo-font-size-md | 1rem |
Description
Font size of the captcha. | |||
$kendo-captcha-line-height | Number | $kendo-line-height-md | 1.5 |
Description
Line height of the captcha. | |||
$kendo-captcha-spacing | Number | k-map-get( $kendo-spacing, 2 ) | 0.5rem |
Description
Spacing of the captcha. | |||
$kendo-captcha-bg | Color | $kendo-component-bg | #ffffff |
Description
Background color of the captcha. | |||
$kendo-captcha-text | Color | $kendo-component-text | #494949 |
Description
Text color of the captcha. | |||
$kendo-captcha-border | Color | $kendo-component-border | #ededed |
Description
Border color of the captcha. | |||
$kendo-captcha-image-wrap-spacing | Number | k-map-get( $kendo-spacing, 2 ) | 0.5rem |
Description
Spacing of the captcha image wrapper. | |||
$kendo-captcha-image-controls-spacing | Number | k-map-get( $kendo-spacing, 1 ) | 0.25rem |
Description
Spacing of the captcha image controls. | |||
$kendo-captcha-validation-offset-y | Number | k-map-get( $kendo-spacing, 1 ) | 0.25rem |
Description
Offset of the captcha validation text. | |||
$kendo-captcha-validation-font-size | Number | $kendo-font-size-sm | 0.875rem |
Description
Font-size of the captcha validation text. |