// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
.label {
// Danger (red)
- &-danger { background-color: @label-danger-background; }
- &-danger[href] { background-color: darken(@label-danger-background, 10%); }
+ &-danger { background-color: @label-danger-bg; }
+ &-danger[href] { background-color: darken(@label-danger-bg, 10%); }
// Warnings (orange)
- &-warning { background-color: @label-warning-background; }
- &-warning[href] { background-color: darken(@label-warning-background, 10%); }
+ &-warning { background-color: @label-warning-bg; }
+ &-warning[href] { background-color: darken(@label-warning-bg, 10%); }
// Success (green)
- &-success { background-color: @label-success-background; }
- &-success[href] { background-color: darken(@label-success-background, 10%); }
+ &-success { background-color: @label-success-bg; }
+ &-success[href] { background-color: darken(@label-success-bg, 10%); }
// Info (turquoise)
- &-info { background-color: @label-info-background; }
- &-info[href] { background-color: darken(@label-info-background, 10%); }
+ &-info { background-color: @label-info-bg; }
+ &-info[href] { background-color: darken(@label-info-bg, 10%); }
}
// Labels
// -------------------------
-@label-success-background: @brand-success;
-@label-info-background: @brand-info;
-@label-warning-background: @brand-warning;
-@label-danger-background: @brand-danger;
+@label-success-bg: @brand-success;
+@label-info-bg: @brand-info;
+@label-warning-bg: @brand-warning;
+@label-danger-bg: @brand-danger;
// Modals