// Badges: Dark modifier
// --------------------------------------------------
.badge {
  font-weight: $font-weight-normal;
  padding: 0.24em 0.4em;

  svg.embla-icon {
    height: 1em;
    margin-top: -1px;
    width: 1em;
  }
}

.badge-primary {
  svg.embla-icon {
    fill: color-yiq($color-primary);
  }
}

.badge-default {

  @include badge-variant($badge-default-background-color);

  svg.embla-icon {
    fill: color-yiq($badge-default-background-color);
  }
}

.badge-lg {
  @include font-size(100%);
  padding: 0.35em 0.5em;

  svg.embla-icon {
    height: 0.75em;
    width: 0.75em;
  }
}