mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
119a5a4dc4
* added avatar token component * added avatar token component story * added avatar token readme to story * added avatar token readme to story * added halo effect * added test to avatar token component * fixed alt name * added test for blur * added test for aria hidden element * fixed fallback issue * updated halo id in README * added changes to avatar token stories * updated stories and README in storybook * fixed indentation in stories * changed component name structure * updated css for avatar halo image * updated README for Avatar Base Component * added className to avatar Token * Updates to docs and styles * fixed tests for Avatar Token * added color to the props * fixed table props issue * updated avatar token Readme * updated args in avatar token stories Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
24 lines
349 B
SCSS
24 lines
349 B
SCSS
.avatar-token {
|
|
&--with-halo {
|
|
position: relative;
|
|
}
|
|
|
|
&__token-image {
|
|
width: 100%;
|
|
|
|
&--blurred {
|
|
filter: blur(20px);
|
|
}
|
|
|
|
&--size-reduced {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 62.5%;
|
|
height: 62.5%;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
}
|