framework/ember/app/styles/flarum/avatars.less

26 lines
468 B
Plaintext

.avatar-size(@size) {
width: @size;
height: @size;
border-radius: @size;
font-size: @size / 2;
line-height: @size;
}
.avatar {
display: inline-block;
box-sizing: content-box;
color: @fl-body-bg;
font-weight: 300;
text-align: center;
vertical-align: top;
background-color: @fl-body-control-bg;
.avatar-size(48px);
& img {
display: inline-block;
width: 100%;
height: 100%;
border-radius: 100%;
vertical-align: top;
}
}