/*------------------------------------
Badge Sizes
------------------------------------*/
/* Medium */
.badge-md {
    width: $badge-width-md;
    height: $badge-height-md;
    line-height: 1.7;
    font-size: $badge-font-size-md;

    &[class*="badge-outline"] {
        line-height: $badge-border-line-height-md;
    }
}

/* Large */
.badge-lg {
    width: $badge-width-lg;
    height: $badge-height-lg;
    line-height: 2 !important;
    font-size: $badge-font-size-lg;
    border-width: 0.1875rem;

    &[class*="badge-outline"] {
        line-height: $badge-border-line-height-lg;
    }
}

/*------------------------------------
  Badge in Avatar Component
------------------------------------*/

.badge-pos {
  &--top-right {
    top: 0;
    right: 0;
    transform: translate(30%, -50%);
  }
}

.badge-pos {
  &--top-left {
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
  }
}