// ============================================================
//          Labels                                  
// ------------------------------------------------------------*/

+route(style,theme,child)
  %label
    +fontsize(nth($font-p-style,1) - 4)
    padding: 2px 4px
    text-align: center
    text-decoration: none
    line-height: 1
    white-space: nowrap
    display: inline
    position: relative
    color: $c-white

  .label-bold
    font-weight: bold

  .label-normal 
    +fontsize(nth($font-p-style,1))

  .label-big
    +fontsize(nth($font-p-style,1) + 4)

  .label_primary
    @extend %label
    background-color: $c-primary

  .label_secondary
    @extend %label
    background-color: $c-secondary

  .label_third
    @extend %label
    background-color: $c-third

  .label_fourth
    @extend %label
    background-color: $c-fourth

  .label_fifth
    @extend %label
    background-color: $c-fifth

  .label_sixth
    @extend %label
    background-color: $c-sixth

  .label_alert
    @extend %label
    background-color: $c-alert

  .label_success
    @extend %label
    background-color: $c-success

  .label_warning
    @extend %label
    background-color: $c-warning
    
  .label_highlight
    @extend %label
    background-color: $c-highlight
    color: $c-black

  .label_black
    @extend %label
    background-color: $c-black

  .label_white
    @extend %label
    background-color: $c-white
    color: $c-black