@import "./badge.vars";

// Badge
// --------------------------------------------------

ion-badge {
  @include padding($badge-ios-padding-top, $badge-ios-padding-end, $badge-ios-padding-bottom, $badge-ios-padding-start);
  @include text-align(center);

  display: inline-block;

  min-width: $badge-min-width;

  font-size: $badge-font-size;
  font-weight: $badge-font-weight;

  line-height: 1;

  white-space: nowrap;
  vertical-align: baseline;

  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;

  contain: content;
}

ion-badge:empty {
  display: none;
}
