// .avatar-parent-child is when you see a small avatar at the bottom right // corner of a larger avatar. // // No Styleguide version .avatar-parent-child {

position: relative;

}

.avatar-child {

position: absolute;
right: -15%;
bottom: -9%;
background-color: var(--color-bg-canvas); // For transparent backgrounds
// stylelint-disable-next-line primer/borders
border-radius: $border-radius-1;
box-shadow: var(--color-avatar-child-shadow);

}