$tag-background: $color-white;
$tag-color: $color-bg-darkest;

.tag {
  cursor: default;
  border-radius: 3px;
  display: inline-block;
  margin: 0 8px 0 0;
  box-sizing: border-box;
  position: relative;
  background: $tag-background;
  color: $tag-color;
  height: 1rem;
  line-height: 1rem;
  font-size: 1rem;
  padding: 0 .2rem;

  &.tag-small {
    height: .9rem;
    line-height: .9rem;
    font-size: .75rem;
    padding: 0 .1rem;
  }

  &.tag-large {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    padding: 0 .3rem;
  }
}