@use "../core/_index.scss" as *;
@use "../card/_variables.scss" as *;

// TileLayout

$kendo-tile-layout-border-width: 0px !default;
$kendo-tile-layout-bg: k-color(surface) !default;

$kendo-tile-layout-padding-x: k-spacing(4) !default;

$kendo-tile-layout-padding-y: $kendo-tile-layout-padding-x !default;

$kendo-tile-layout-card-border-width: $kendo-card-border-width !default;
$kendo-tile-layout-card-focus-shadow: $kendo-card-focus-shadow !default;

$kendo-tile-layout-hint-border-width: 1px !default;
$kendo-tile-layout-hint-border-radius: k-border-radius(lg) !default;
$kendo-tile-layout-hint-border: k-color(border) !default;
$kendo-tile-layout-hint-bg: rgba(255, 255, 255, .2) !default;




@forward "@progress/kendo-theme-core/scss/components/tilelayout/_variables.scss" with (
    $kendo-tile-layout-border-width: $kendo-tile-layout-border-width,
    $kendo-tile-layout-bg: $kendo-tile-layout-bg,
    $kendo-tile-layout-padding-x: $kendo-tile-layout-padding-x,
    $kendo-tile-layout-padding-y: $kendo-tile-layout-padding-y,
    $kendo-tile-layout-card-border-width: $kendo-tile-layout-card-border-width,
    $kendo-tile-layout-card-focus-shadow: $kendo-tile-layout-card-focus-shadow,
    $kendo-tile-layout-hint-border-width: $kendo-tile-layout-hint-border-width,
    $kendo-tile-layout-hint-border-radius: $kendo-tile-layout-hint-border-radius,
    $kendo-tile-layout-hint-border: $kendo-tile-layout-hint-border,
    $kendo-tile-layout-hint-bg: $kendo-tile-layout-hint-bg
);