33 lines
723 B
SCSS
33 lines
723 B
SCSS
// Avatar
|
|
// *******************************************************************************
|
|
|
|
@mixin template-avatar-style($height, $width, $font-size, $status-indicator-position: 2px) {
|
|
width: $width;
|
|
height: $height;
|
|
|
|
.avatar-initial {
|
|
font-size: $font-size;
|
|
}
|
|
|
|
&.avatar-online,
|
|
&.avatar-offline,
|
|
&.avatar-away,
|
|
&.avatar-busy {
|
|
&:after {
|
|
width: $width * 0.2;
|
|
height: $height * 0.2;
|
|
right: $status-indicator-position;
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin template-avatar-shadow-variant($parent, $background, $color: null) {
|
|
.avatar {
|
|
#{$parent} {
|
|
color: $background;
|
|
background-color: rgba($background, 0.16);
|
|
box-shadow: 0 0 0 0.25rem rgba($background, 0.06);
|
|
}
|
|
}
|
|
}
|