mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-30 16:18:07 +01:00
3117890b30
* Updating AvatarBase to use Text component instead of Box and adding font size logic based on avatar size * Updating snaps
30 lines
391 B
SCSS
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;
|
|
}
|