Customizing Tilelayout

Variables

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-tile-layout-border-width		`0px`
Description The width of the border around the TileLayout.
$kendo-tile-layout-bg		`if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 ))`
Description The background color of the TileLayout.
$kendo-tile-layout-padding-x		`map.get( $kendo-spacing, 4 )`
Description The horizontal padding of the TileLayout.
$kendo-tile-layout-padding-y		`$kendo-tile-layout-padding-x`
Description The vertical padding of the TileLayout
$kendo-tile-layout-hint-border-width		`1px`
Description The width of the border around the TileLayout hint.
$kendo-tile-layout-hint-border-radius		`var( --kendo-border-radius-lg, initial )`
Description The radius of the border around the TileLayout hint.
$kendo-tile-layout-hint-border		`var( --kendo-component-border, initial )`
Description The color of the border around the TileLayout hint.
$kendo-tile-layout-hint-bg		`rgba(255, 255, 255, .2)`
Description The background color of the TileLayout hint.