Customizing Captcha
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-captcha-spacer | k-spacing(2) | ||
Description
The spacer of the Captcha. | |||
$kendo-captcha-width | 280px | ||
Description
The width of the Captcha. | |||
$kendo-captcha-font-family | var( --kendo-font-family, inherit ) | ||
Description
The font family of the Captcha. | |||
$kendo-captcha-font-size | var( --kendo-font-size, inherit ) | ||
Description
The font size of the Captcha. | |||
$kendo-captcha-line-height | var( --kendo-line-height, normal ) | ||
Description
The line height of the Captcha. | |||
$kendo-captcha-spacing | $kendo-captcha-spacer | ||
Description
The spacing of the Captcha. | |||
$kendo-captcha-bg | var( --kendo-component-bg, initial ) | ||
Description
The background color of the Captcha. | |||
$kendo-captcha-text | var( --kendo-component-text, initial ) | ||
Description
The text color of the Captcha. | |||
$kendo-captcha-border | var( --kendo-component-border, initial ) | ||
Description
The border color of the Captcha. | |||
$kendo-captcha-image-wrap-spacing | $kendo-captcha-spacer | ||
Description
The spacing of the Captcha image wrapper. | |||
$kendo-captcha-image-controls-spacing | calc( #{$kendo-captcha-spacer} / 2 ) | ||
Description
The spacing of the Captcha image controls. | |||
$kendo-captcha-validation-offset-y | calc( #{$kendo-captcha-spacer} / 2 ) | ||
Description
The offset of the Captcha validation message. | |||
$kendo-captcha-validation-font-size | var( --kendo-font-size-sm, inherit ) | ||
Description
The font size of the Captcha validation message. |