mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-03 15:24:19 +01:00
35 lines
941 B
Plaintext
35 lines
941 B
Plaintext
|
// BADGES
|
||
|
|
// ------
|
||
|
|
|
||
|
|
// Base
|
||
|
|
.badge {
|
||
|
|
padding: 2px 10px 3px;
|
||
|
|
font-size: @baseFontSize * .925;
|
||
|
|
font-weight: bold;
|
||
|
|
color: @white;
|
||
|
|
background-color: @grayLight;
|
||
|
|
.border-radius(10px);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Hover state
|
||
|
|
.badge:hover {
|
||
|
|
color: @white;
|
||
|
|
text-decoration: none;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Colors
|
||
|
|
.badge-error { background-color: @errorText; }
|
||
|
|
.badge-error:hover { background-color: darken(@errorText, 10%); }
|
||
|
|
|
||
|
|
.badge-warning { background-color: @orange; }
|
||
|
|
.badge-warning:hover { background-color: darken(@orange, 10%); }
|
||
|
|
|
||
|
|
.badge-success { background-color: @successText; }
|
||
|
|
.badge-success:hover { background-color: darken(@successText, 10%); }
|
||
|
|
|
||
|
|
.badge-info { background-color: @infoText; }
|
||
|
|
.badge-info:hover { background-color: darken(@infoText, 10%); }
|
||
|
|
|
||
|
|
.badge-inverse { background-color: @grayDark; }
|
||
|
|
.badge-inverse:hover { background-color: darken(@grayDark, 10%); }
|