// --------------------------------------------
// Avatar Base Mixin --------------------------
// --------------------------------------------
@mixin avatar-base($size: $avatar-default-size) {
  width: $size;
  height: $size;
  flex-shrink: 0;
  box-shadow: none;
  text-align: center;
  position: relative;
  color: $color-white;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  background: $color-gray-7;
  font-size: $avatar-font-size;
  font-weight: $avatar-font-weight;
  font-family: $avatar-font-family;
  border-radius: $avatar-border-radius;

  i {
    font-size: calc($size/ 2);
  }
}

// --------------------------------------------
// Avatar Size Mixin --------------------------
// --------------------------------------------
@mixin avatar-size(
  $size: $avatar-default-size,
  $font-size: 12px) {
  font-size: $font-size;
  height: $size;
  width: $size;

  i {
    font-size: calc($size / 2);
  }
}