@import '../paper/_variables';

.label{
  // &.label-default{
    // a{
    //   color: var(--white-color);
    // }
  // }
  &.label-white{
    background-color: white;
    color: black;
  }

  &.label-muted {
    color: var(--text-muted-color);
    background-color: var(--background-color-accent);
    &.active{
      background-color: var(--text-muted-color);
    }
  }

  &.label-secondary {
    background-color: var(--background-color-accent);
    &.active{
      background-color: var(--medium-gray);
    }
  }
}

a:hover.label {
  &.label-muted {
    background-color: var(--light-gray);

  }

  &.label-secondary {

    background-color: var(--medium-gray);
  }
}

a.label, a.label:focus, a.label:hover {
  color: inherit;
}