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

$kendo-avatar-default-theme-color: "primary" !default;
$kendo-avatar-default-fill-mode: "solid" !default;
$kendo-avatar-default-roundness: "full" !default;
$kendo-avatar-default-size: "md" !default;

$kendo-avatar-border-width: 1px !default;

$kendo-avatar-border-radius: null !default;

$kendo-avatar-font-family: var(--kendo-font-family) !default;
$kendo-avatar-font-size: var(--kendo-font-size) !default;
$kendo-avatar-xs-font-size: var(--kendo-font-size-xxs) !default;
$kendo-avatar-sm-font-size: null !default;
$kendo-avatar-md-font-size: null !default;
$kendo-avatar-lg-font-size: var(--kendo-font-size-lg) !default;
$kendo-avatar-xl-font-size: var(--kendo-font-size-xl) !default;
$kendo-avatar-line-height: var(--kendo-line-height-xs) !default;

$kendo-avatar-xs-icon-size: $ki-icon-size-sm !default;
$kendo-avatar-sm-icon-size: null !default;
$kendo-avatar-md-icon-size: null !default;
$kendo-avatar-lg-icon-size: $ki-icon-size-xl !default;
$kendo-avatar-xl-icon-size: $ki-icon-size-xxl !default;

$kendo-avatar-xs-size: k-spacing(4) !default;
$kendo-avatar-sm-size: k-spacing(6) !default;
$kendo-avatar-md-size: k-spacing(8) !default;
$kendo-avatar-lg-size: k-spacing(12) !default;
$kendo-avatar-xl-size: k-spacing(16) !default;

@forward "@progress/kendo-theme-core/scss/components/avatar/_variables.scss" with (
    $kendo-avatar-default-theme-color: $kendo-avatar-default-theme-color,
    $kendo-avatar-default-fill-mode: $kendo-avatar-default-fill-mode,
    $kendo-avatar-default-roundness: $kendo-avatar-default-roundness,
    $kendo-avatar-default-size: $kendo-avatar-default-size,
    $kendo-avatar-border-width: $kendo-avatar-border-width,
    $kendo-avatar-border-radius: $kendo-avatar-border-radius,
    $kendo-avatar-font-family: $kendo-avatar-font-family,
    $kendo-avatar-font-size: $kendo-avatar-font-size,
    $kendo-avatar-xs-font-size: $kendo-avatar-xs-font-size,
    $kendo-avatar-sm-font-size: $kendo-avatar-sm-font-size,
    $kendo-avatar-md-font-size: $kendo-avatar-md-font-size,
    $kendo-avatar-lg-font-size: $kendo-avatar-lg-font-size,
    $kendo-avatar-xl-font-size: $kendo-avatar-xl-font-size,
    $kendo-avatar-line-height: $kendo-avatar-line-height,
    $kendo-avatar-xs-icon-size: $kendo-avatar-xs-icon-size,
    $kendo-avatar-sm-icon-size: $kendo-avatar-sm-icon-size,
    $kendo-avatar-md-icon-size: $kendo-avatar-md-icon-size,
    $kendo-avatar-lg-icon-size: $kendo-avatar-lg-icon-size,
    $kendo-avatar-xl-icon-size: $kendo-avatar-xl-icon-size,
    $kendo-avatar-xs-size: $kendo-avatar-xs-size,
    $kendo-avatar-sm-size: $kendo-avatar-sm-size,
    $kendo-avatar-md-size: $kendo-avatar-md-size,
    $kendo-avatar-lg-size: $kendo-avatar-lg-size,
    $kendo-avatar-xl-size: $kendo-avatar-xl-size
);