Customizing Input

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-input-default-widthNumber

100%

100%

Description
Default width of input components.
$kendo-input-border-widthNumber

1px

1px

Description
Border width of input components.
$kendo-input-border-radiusNull

null

null

Description
Border radius of input components.
$kendo-input-padding-xNumber

map-get( $spacing, 2 )

8px

Description
Horizontal padding of input components.
$kendo-input-padding-yNumber

map-get( $spacing, 1 )

4px

Description
Vertical padding of input components.
$kendo-input-font-familyString

$font-family

inherit

Description
Font family of input components.
$kendo-input-font-sizeNumber

$font-size-md

14px

Description
Font size of input components.
$kendo-input-line-heightNumber

$line-height-md

1.4285714286

Description
Line height of input components.

In this article

Not finding the help you need?