34 lines
963 B
SCSS
34 lines
963 B
SCSS
|
@use "sass:map";
|
||
|
|
@use "../../styles/settings/variables";
|
||
|
|
@use "../../styles/tools/functions";
|
||
|
|
|
||
|
|
// Defaults
|
||
|
|
$avatar-background: var(--v-theme-surface) !default;
|
||
|
|
$avatar-border-radius: map.get(variables.$rounded, 'circle') !default;
|
||
|
|
$avatar-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
|
||
|
|
$avatar-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
|
||
|
|
$avatar-elevation: 1 !default;
|
||
|
|
$avatar-height: 40px !default;
|
||
|
|
$avatar-line-height: normal !default;
|
||
|
|
$avatar-plain-opacity: .62 !default;
|
||
|
|
$avatar-rounded-border-radius: variables.$border-radius-root !default;
|
||
|
|
$avatar-vertical-align: middle !default;
|
||
|
|
$avatar-width: 40px !default;
|
||
|
|
|
||
|
|
$avatar-sizes: () !default;
|
||
|
|
$avatar-sizes: functions.map-deep-merge(
|
||
|
|
(
|
||
|
|
'height': $avatar-height,
|
||
|
|
'width': $avatar-width
|
||
|
|
),
|
||
|
|
$avatar-sizes
|
||
|
|
);
|
||
|
|
|
||
|
|
$avatar-variants: (
|
||
|
|
$avatar-background,
|
||
|
|
$avatar-color,
|
||
|
|
$avatar-elevation,
|
||
|
|
$avatar-plain-opacity,
|
||
|
|
'v-avatar'
|
||
|
|
) !default;
|