0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-17 14:54:30 +01:00

Added a black/dark button

This commit is contained in:
Simon 2012-02-09 23:08:14 +01:00
parent b36a744fa7
commit 451a642ae8
2 changed files with 14 additions and 2 deletions
docs/templates/pages
less

@ -1205,6 +1205,11 @@
<td><a class="btn btn-danger" href="#">{{_i}}Danger{{/i}}</a></td> <td><a class="btn btn-danger" href="#">{{_i}}Danger{{/i}}</a></td>
<td><code>.btn-danger</code></td> <td><code>.btn-danger</code></td>
<td>{{_i}}Indicates a dangerous or potentially negative action{{/i}}</td> <td>{{_i}}Indicates a dangerous or potentially negative action{{/i}}</td>
</tr>
<tr>
<td><a class="btn btn-dark" href="#">{{_i}}Dark{{/i}}</a></td>
<td><code>.btn-dark</code></td>
<td>{{_i}}Indicates a potential abort or black magic{{/i}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

@ -107,7 +107,9 @@
.btn-success, .btn-success,
.btn-success:hover, .btn-success:hover,
.btn-info, .btn-info,
.btn-info:hover { .btn-info:hover,
.btn-dark,
.btn-dark:hover {
text-shadow: 0 -1px 0 rgba(0,0,0,.25); text-shadow: 0 -1px 0 rgba(0,0,0,.25);
color: @white; color: @white;
} }
@ -116,7 +118,8 @@
.btn-warning.active, .btn-warning.active,
.btn-danger.active, .btn-danger.active,
.btn-success.active, .btn-success.active,
.btn-info.active { .btn-info.active,
.btn-dark.active {
color: rgba(255,255,255,.75); color: rgba(255,255,255,.75);
} }
@ -141,6 +144,10 @@
.btn-info { .btn-info {
.buttonBackground(#5bc0de, #2f96b4); .buttonBackground(#5bc0de, #2f96b4);
} }
// Dark appears as black
.btn-dark {
.buttonBackground(#454545, #262626);
}
// Cross-browser Jank // Cross-browser Jank