// Label mixins

// Default: 20px
// Large: 24px
// Inline: em based

@mixin labels-base {
  display: inline-block;
  padding: 0 7px;
  font-size: $font-size-small;
  font-weight: $font-weight-semibold;
  line-height: 18px;
  border: $border-width $border-style transparent;
  border-radius: 2em;
}

@mixin labels-large {
  padding-right: 10px;
  padding-left: 10px;
  line-height: 22px;
}

// Inline
//
// Doesn't increase height of parent element
// Can be used with different font-sizes

@mixin labels--inline {
  display: inline;
  padding: 0.1667em 0.5em;
  font-size: 0.9em;
}