/*------------------------------------
  Badges v3
------------------------------------*/

[class*="u-badge-v3"] {
  line-height: 1;
  color: $g-color-white;
  text-shadow: 0 1px 1px $g-color-main,
    0 -1px 1px $g-color-main,
    1px 0 1px $g-color-main,
    -1px 0 1px $g-color-main;
}

.u-badge-v3 {
  @include px-to-rem("font-size", $g-font-primary-size);

  &--xs {
    @include px-to-rem("font-size",  ($g-font-primary-size - 4));
  }

  &--sm {
    @include px-to-rem("font-size", ($g-font-primary-size - 2));
  }

  &--md {
    @include px-to-rem("font-size", $g-font-primary-size);
  }

  &--lg {
    @include px-to-rem("font-size",  ($g-font-primary-size + 2));
  }

  &--xl {
    @include px-to-rem("font-size",  ($g-font-primary-size + 2));
  }
}