rbowen / centos / centos.org

Forked from centos/centos.org 3 years ago
Clone

Blame content/assets/css/bootstrap/_labels.scss

e8ec7a
//
e8ec7a
// Labels
e8ec7a
// --------------------------------------------------
e8ec7a
e8ec7a
.label {
e8ec7a
  display: inline;
e8ec7a
  padding: .2em .6em .3em;
e8ec7a
  font-size: 75%;
e8ec7a
  font-weight: bold;
e8ec7a
  line-height: 1;
e8ec7a
  color: $label-color;
e8ec7a
  text-align: center;
e8ec7a
  white-space: nowrap;
e8ec7a
  vertical-align: baseline;
e8ec7a
  border-radius: .25em;
e8ec7a
e8ec7a
  // Add hover effects, but only for links
e8ec7a
  &[href] {
e8ec7a
    &:hover,
e8ec7a
    &:focus {
e8ec7a
      color: $label-link-hover-color;
e8ec7a
      text-decoration: none;
e8ec7a
      cursor: pointer;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  // Empty labels collapse automatically (not available in IE8)
e8ec7a
  &:empty {
e8ec7a
    display: none;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
// Colors
e8ec7a
// Contextual variations (linked labels get darker on :hover)
e8ec7a
e8ec7a
.label-default {
e8ec7a
  @include label-variant($label-default-bg);
e8ec7a
}
e8ec7a
e8ec7a
.label-primary {
e8ec7a
  @include label-variant($label-primary-bg);
e8ec7a
}
e8ec7a
e8ec7a
.label-success {
e8ec7a
  @include label-variant($label-success-bg);
e8ec7a
}
e8ec7a
e8ec7a
.label-info {
e8ec7a
  @include label-variant($label-info-bg);
e8ec7a
}
e8ec7a
e8ec7a
.label-warning {
e8ec7a
  @include label-variant($label-warning-bg);
e8ec7a
}
e8ec7a
e8ec7a
.label-danger {
e8ec7a
  @include label-variant($label-danger-bg);
e8ec7a
}