cursor: pointer;
}
-.label-important,
-.badge-important {
+.label-danger,
+.badge-danger {
background-color: #b94a48;
}
-.label-important[href],
-.badge-important[href] {
+.label-danger[href],
+.badge-danger[href] {
background-color: #953b39;
}
</tr>
<tr>
<td>
- <span class="label label-important">Important</span>
+ <span class="label label-danger">Danger</span>
</td>
<td>
- <code><span class="label label-important">Important</span></code>
+ <code><span class="label label-danger">Danger</span></code>
</td>
</tr>
<tr>
Important
</td>
<td>
- <span class="badge badge-important">6</span>
+ <span class="badge badge-danger">6</span>
</td>
<td>
- <code><span class="badge badge-important">6</span></code>
+ <code><span class="badge badge-danger">6</span></code>
</td>
</tr>
<tr>
</tr>
<tr>
<td>
- <span class="label label-important">{{_i}}Important{{/i}}</span>
+ <span class="label label-danger">{{_i}}Danger{{/i}}</span>
</td>
<td>
- <code><span class="label label-important">{{_i}}Important{{/i}}</span></code>
+ <code><span class="label label-danger">{{_i}}Danger{{/i}}</span></code>
</td>
</tr>
<tr>
{{_i}}Important{{/i}}
</td>
<td>
- <span class="badge badge-important">6</span>
+ <span class="badge badge-danger">6</span>
</td>
<td>
- <code><span class="badge badge-important">6</span></code>
+ <code><span class="badge badge-danger">6</span></code>
</td>
</tr>
<tr>
.label,
.badge {
// Important (red)
- &-important { background-color: @errorText; }
- &-important[href] { background-color: darken(@errorText, 10%); }
+ &-danger { background-color: @errorText; }
+ &-danger[href] { background-color: darken(@errorText, 10%); }
// Warnings (orange)
&-warning { background-color: @orange; }
&-warning[href] { background-color: darken(@orange, 10%); }