ej2-javascript-ui-controls/controls/layouts/styles/avatar/_tailwind-definition.scss at master · syncfusion/ej2-javascript-ui-controls · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
@use 'ej2-base/styles/definition/tailwind' as *;
@forward 'ej2-base/styles/definition/tailwind';

// Avatar Base
$avatar-base-border-radius: 4px !default;
$avatar-base-background-color: $content-bg-color-alt3 !default;
$avatar-base-font-size: $text-sm !default;
$avatar-base-width: 40px !default;
$avatar-base-height: 40px !default;
$avatar-base-line-height: 22px !default;
$avatar-base-text-color: $content-text-color-alt2 !default;
$avatar-base-font-weight: $font-weight-medium !default;
$avatar-base-img-height: 100% !default;
$avatar-font-family: $font-family !default;

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

// Avatar size
$avatar-xsmall-font-size: $text-xxs !default;
$avatar-small-font-size: $text-xs !default;
$avatar-large-font-size: $text-lg !default;
$avatar-xlarge-font-size: $text-xl !default;

// Avatar Line Height
$avatar-base-xsmall-line-height: 16px !default;
$avatar-base-small-line-height: 18px !default;
$avatar-base-large-line-height: 28px !default;
$avatar-base-xlarge-line-height: 28px !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;