Sha256: 8fd69d02b5f5722219b448b2eddcd5d35a6f0b0f36d085eb60ee0884c4424f25
Contents?: true
Size: 1.77 KB
Versions: 1
Compression:
Stored size: 1.77 KB
Contents
// // Labels and badges // -------------------------------------------------- // Base classes .label, .badge display: inline-block padding: 2px 4px font-size: $baseFontSize * 0.846 font-weight: bold line-height: 14px // ensure proper line-height if floated color: $white vertical-align: baseline white-space: nowrap text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) background-color: $grayLight // Set unique padding and border-radii .label +border-radius(3px) .badge padding-left: 9px padding-right: 9px +border-radius(9px) // Hover state, but only for links a &.label:hover, &.badge:hover color: $white text-decoration: none cursor: pointer // Colors // Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) // Important (red) .label-important, .badge-important background-color: $errorText .label-important[href], .badge-important[href] background-color: darken($errorText, 10%) // Warnings (orange) .label-warning, .badge-warning background-color: $orange .label-warning[href], .badge-warning[href] background-color: darken($orange, 10%) // Success (green) .label-success, .badge-success background-color: $successText .label-success[href], .badge-success[href] background-color: darken($successText, 10%) // Info (turquoise) .label-info, .badge-info background-color: $infoText .label-info[href], .badge-info[href] background-color: darken($infoText, 10%) // Inverse (black) .label-inverse, .badge-inverse background-color: $grayDark .label-inverse[href], .badge-inverse[href] background-color: darken($grayDark, 10%) // Quick fix for labels/badges in buttons .btn .label, .badge position: relative top: -1px .btn-mini .label, .badge top: 0
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
sass-rails-bootstrap-2.2.1 | vendor/assets/stylesheets/twitter/bootstrap/_labels-badges.sass |