New to Kendo UI for Angular? 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 ) | 8px |
Description
The spacer of the Captcha. | |||
$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 | 14px |
Description
The font size of the Captcha. | |||
$kendo-captcha-line-height | Number | $kendo-line-height-md | 1.4285714286 |
Description
The line height of the Captcha. | |||
$kendo-captcha-gap | Number | $kendo-captcha-spacer | 8px |
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 | 8px |
Description
The gap of the Captcha image wrapper. | |||
$kendo-captcha-image-controls-gap | Number | $kendo-captcha-spacer | 8px |
Description
The gap of the Captcha image controls. | |||
$kendo-captcha-validation-message-margin-top | Number | k-math-div( $kendo-captcha-spacer, 2 ) | 4px |
Description
The top margin of the Captcha validation message. | |||
$kendo-captcha-validation-message-font-size | Number | $kendo-font-size-sm | 12px |
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. |