You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.0 KiB
SCSS
52 lines
1.0 KiB
SCSS
@import "mixins/mixins";
|
|
@import "common/var";
|
|
|
|
@include b(avatar) {
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
color: $--avatar-font-color;
|
|
background: $--avatar-background-color;
|
|
width: $--avatar-large-size;
|
|
height: $--avatar-large-size;
|
|
line-height: $--avatar-large-size;
|
|
font-size: $--avatar-text-font-size;
|
|
|
|
>img {
|
|
display: block;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
@include m(circle) {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
@include m(square) {
|
|
border-radius: $--avatar-border-radius;
|
|
}
|
|
|
|
@include m(icon) {
|
|
font-size: $--avatar-icon-font-size;
|
|
}
|
|
|
|
@include m(large) {
|
|
width: $--avatar-large-size;
|
|
height: $--avatar-large-size;
|
|
line-height: $--avatar-large-size;
|
|
}
|
|
|
|
@include m(medium) {
|
|
width: $--avatar-medium-size;
|
|
height: $--avatar-medium-size;
|
|
line-height: $--avatar-medium-size;
|
|
}
|
|
|
|
@include m(small) {
|
|
width: $--avatar-small-size;
|
|
height: $--avatar-small-size;
|
|
line-height: $--avatar-small-size;
|
|
}
|
|
}
|