42 lines
959 B
SCSS
42 lines
959 B
SCSS
|
|
$avatar-base-size: 30;
|
|
|
|
.initials {
|
|
font-weight: bold;
|
|
font-size: ceil($avatar-base-size / 2 - 2)+px;
|
|
}
|
|
|
|
$avatarSizes: "xs" .75, "sm" 1.25, "md" 1.5, "lg" 2;
|
|
|
|
@each $avatarSizeName, $avatarBaseSize in $avatarSizes {
|
|
.avatar-#{$avatarSizeName} {
|
|
width: ceil($avatar-base-size * $avatarBaseSize)+px;
|
|
height: ceil($avatar-base-size * $avatarBaseSize)+px;
|
|
|
|
.initials {
|
|
font-size: ceil($avatar-base-size * $avatarBaseSize / 2 - 2)+px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.widget-user-image {
|
|
border-radius: 50%;
|
|
border: 3px solid #fff;
|
|
.avatar {
|
|
width: ceil($avatar-base-size * 2.75)+px;
|
|
height: ceil($avatar-base-size * 2.75)+px;
|
|
.initials {
|
|
font-size: ceil($avatar-base-size * 2.75 / 2 - 2)+px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Detail tables like my teams (Dashboard) or */
|
|
table.dataTable.table > tbody > tr > td {
|
|
&.avatars {
|
|
.avatar {
|
|
margin: 1px;
|
|
}
|
|
}
|
|
}
|