@use 'ej2-base/styles/definition/tailwind3' as *;
@forward 'ej2-base/styles/definition/tailwind3';

// Avatar Base
$avatar-base-border-radius: $radius-6 !default;
$avatar-base-background-color: $content-bg-color-alt2 !default;
$avatar-base-font-size: $text-2xl !default;
$avatar-base-width: 40px !default;
$avatar-base-height: 40px !default;
$avatar-base-line-height: 24px !default;
$avatar-base-text-color: $icon-color !default;
$avatar-base-font-weight: $font-weight-normal !default;
$avatar-base-img-height: 100% !default;
$avatar-font-family: $font-family !default;

// Circle Avatar
$avatar-circle-border-radius: $border-radius-50p !default;

// Avatar size
$avatar-xsmall-font-size: $text-base !default;
$avatar-small-font-size: $text-lg !default;
$avatar-large-font-size: $text-3xl !default;
$avatar-xlarge-font-size: 34px !default;
$avatar-large-border-radius: $radius-4 !default;

// Avatar Line Height
$avatar-base-xsmall-line-height: 16px !default;
$avatar-base-small-line-height: 18px !default;
$avatar-base-large-line-height: 30px !default;
$avatar-base-xlarge-line-height: 34px !default;

//Avatar Height
$avatar-base-xsmall-height: 24px !default;
$avatar-base-small-height: 32px !default;
$avatar-base-large-height: 48px !default;
$avatar-base-xlarge-height: 56px !default;

//Avatar Width
$avatar-base-xsmall-width: 24px !default;
$avatar-base-small-width: 32px !default;
$avatar-base-large-width: 48px !default;
$avatar-base-xlarge-width: 56px !default;