Sass Variables
The Telerik and Kendo UI CheckBox enables you to configure and customize its appearance through the available Sass variables.
Variable | Default Value | Computed Value | Value |
---|---|---|---|
kendo-checkbox-border-width | 1px | 1px | Default: 1px Computed: 1px |
Description: The border width of the CheckBox. | |||
kendo-checkbox-sm-size | k-map-get( $kendo-spacing, 3 ) | 12px | Default: k-map-get( $kendo-spacing, 3 ) Computed: 12px |
Description: The size of a small CheckBox. | |||
kendo-checkbox-md-size | k-map-get( $kendo-spacing, 4 ) | 16px | Default: k-map-get( $kendo-spacing, 4 ) Computed: 16px |
Description: The size of a medium CheckBox. | |||
kendo-checkbox-lg-size | k-map-get( $kendo-spacing, 5 ) | 20px | Default: k-map-get( $kendo-spacing, 5 ) Computed: 20px |
Description: The size of a large CheckBox. | |||
kendo-checkbox-sm-glyph-size | k-map-get( $kendo-spacing, 2.5 ) | 10px | Default: k-map-get( $kendo-spacing, 2.5 ) Computed: 10px |
Description: The glyph size of a small CheckBox. | |||
kendo-checkbox-md-glyph-size | k-map-get( $kendo-spacing, 3.5 ) | 14px | Default: k-map-get( $kendo-spacing, 3.5 ) Computed: 14px |
Description: The glyph size of a medium CheckBox. | |||
kendo-checkbox-lg-glyph-size | k-map-get( $kendo-spacing, 4.5 ) | 18px | Default: k-map-get( $kendo-spacing, 4.5 ) Computed: 18px |
Description: The glyph size of a large CheckBox. | |||
kendo-checkbox-sm-ripple-size | 300% | 300% | Default: 300% Computed: 300% |
Description: The ripple size of a small CheckBox. | |||
kendo-checkbox-md-ripple-size | 300% | 300% | Default: 300% Computed: 300% |
Description: The ripple size of a medium CheckBox. | |||
kendo-checkbox-lg-ripple-size | 300% | 300% | Default: 300% Computed: 300% |
Description: The ripple size of a large CheckBox. | |||
kendo-checkbox-bg | $kendo-component-bg |
|