@use "sass:color";
@use "sass:map";
@use "../core/_index.scss" as *;
@use "../card/_variables.scss" as *;

/// The width of the border around the TileLayout.
/// @group tile-layout
$kendo-tile-layout-border-width: 0px !default;
/// The background color of the TileLayout.
/// @group tile-layout
$kendo-tile-layout-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;

/// The horizontal padding of the TileLayout.
/// @group tile-layout
$kendo-tile-layout-padding-x: k-spacing(4) !default;

/// The vertical padding of the TileLayout
/// @group tile-layout
$kendo-tile-layout-padding-y: $kendo-tile-layout-padding-x !default;

/// The width of the border around the TileLayout hint.
/// @group tile-layout
$kendo-tile-layout-hint-border-width: 1px !default;
/// The radius of the border around the TileLayout hint.
/// @group tile-layout
$kendo-tile-layout-hint-border-radius: var( --kendo-border-radius-lg, initial ) !default;
/// The color of the border around the TileLayout hint.
/// @group tile-layout
$kendo-tile-layout-hint-border: var( --kendo-component-border, initial ) !default;
/// The background color of the TileLayout hint.
/// @group tile-layout
$kendo-tile-layout-hint-bg: rgba(255, 255, 255, .2) !default;