amis2/scss/components/_avatar.scss
吴多益 41ba93a486
feat: avatar 组件 (#1684)
* feat:avatar 组件初步

* 补充文档及样式

* 修复错误的文字

* 完善 schema 描述
2021-03-22 15:27:02 +08:00

38 lines
549 B
SCSS

.#{$ns}Avatar {
background: var(--Avatar-bg);
width: var(--Avatar-width);
height: var(--Avatar-width);
line-height: var(--Avatar-width);
display: inline-block;
overflow: hidden;
flex-shrink: 0;
border-radius: 50%;
text-align: center;
&--square {
border-radius: 0%;
}
&--rounded {
border-radius: 10%;
}
i {
font-size: var(--fontSizeLg);
}
img {
color: transparent;
width: 100%;
height: 100%;
object-fit: cover;
}
&:hover {
img,
i {
transform: scale(1.1);
}
}
}