1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
metamask-extension/ui/components/component-library/avatar-base/avatar-base.scss
George Marshall 3117890b30
AvatarBase font-size logic (#18203)
* Updating AvatarBase to use Text component instead of Box and adding font size logic based on avatar size

* Updating snaps
2023-03-17 10:06:59 -07:00

30 lines
391 B
SCSS

.mm-avatar-base {
--avatar-size: var(--size, 16px);
&--size-xs {
--size: 16px;
}
&--size-sm {
--size: 24px;
}
&--size-md {
--size: 32px;
}
&--size-lg {
--size: 40px;
}
&--size-xl {
--size: 48px;
}
height: var(--avatar-size);
width: var(--avatar-size);
max-width: var(--avatar-size);
flex: 0 0 var(--avatar-size);
overflow: hidden;
}