ej2-javascript-ui-controls/controls/layouts/styles/avatar/_material3-dark-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
@use 'ej2-base/styles/definition/material3-dark' as *;
@forward 'ej2-base/styles/definition/material3-dark';
$avatar-base-border-radius: $radius-4 !default;
$avatar-base-background-color: rgba($primary-light) !default;
$avatar-base-font-size: $text-xl !default;
$avatar-base-width: 40px !default;
$avatar-base-height: 40px !default;
$avatar-base-line-height: 20px !default;
$avatar-base-text-color: rgba($primary-darker) !default;
$avatar-base-font-weight: 500 !default;
$avatar-base-img-height: 100% !default;
$avatar-circle-border-radius: $border-radius-50p !default;
$avatar-xsmall-font-size: 14px !default;
$avatar-small-font-size: 18px !default;
$avatar-large-font-size: 26px !default;
$avatar-xlarge-font-size: 30px !default;
$avatar-large-border-radius: $radius-4 !default;
$avatar-base-xsmall-line-height: 14px !default;
$avatar-base-small-line-height: 18px !default;
$avatar-base-large-line-height: 26px !default;
$avatar-base-xlarge-line-height: 30px !default;
$avatar-font-family: $font-family !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;