background-color: #356635;
}
-.badge-info {
- background-color: #3a87ad;
-}
-
-.badge-info[href] {
- background-color: #2d6987;
-}
-
-.badge-inverse {
- background-color: #333333;
-}
-
-.badge-inverse[href] {
- background-color: #1a1a1a;
-}
-
.btn .badge {
position: relative;
top: -1px;
</tr>
<tr>
<td>
- Important
+ Danger
</td>
<td>
<span class="badge badge-danger">6</span>
<code><span class="badge badge-danger">6</span></code>
</td>
</tr>
- <tr>
- <td>
- Info
- </td>
- <td>
- <span class="badge badge-info">8</span>
- </td>
- <td>
- <code><span class="badge badge-info">8</span></code>
- </td>
- </tr>
- <tr>
- <td>
- Inverse
- </td>
- <td>
- <span class="badge badge-inverse">10</span>
- </td>
- <td>
- <code><span class="badge badge-inverse">10</span></code>
- </td>
- </tr>
</tbody>
</table>
</tr>
<tr>
<td>
- Important
+ Danger
</td>
<td>
<span class="badge badge-danger">6</span>
<code><span class="badge badge-danger">6</span></code>
</td>
</tr>
- <tr>
- <td>
- Info
- </td>
- <td>
- <span class="badge badge-info">8</span>
- </td>
- <td>
- <code><span class="badge badge-info">8</span></code>
- </td>
- </tr>
- <tr>
- <td>
- Inverse
- </td>
- <td>
- <span class="badge badge-inverse">10</span>
- </td>
- <td>
- <code><span class="badge badge-inverse">10</span></code>
- </td>
- </tr>
</tbody>
</table>
// Success (green)
&-success { background-color: @state-success-text; }
&-success[href] { background-color: darken(@state-success-text, 10%); }
- // Info (turquoise)
- &-info { background-color: @state-info-text; }
- &-info[href] { background-color: darken(@state-info-text, 10%); }
- // Inverse (black)
- &-inverse { background-color: @grayDark; }
- &-inverse[href] { background-color: darken(@grayDark, 10%); }
}
// Quick fix for labels/badges in buttons