rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00
Code Issues Actions Packages Releases Activity

change classname from .btn-dark to .btn-inverse, change use text

Browse Source
This commit is contained in:
Mark Otto 2012-02-12 15:18:20 -08:00
parent b8493ed8b7
commit a57dbada0f
6 changed files with 45 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/bootstrap.zip
View File

Binary file not shown.

34
docs/assets/css/bootstrap.css vendored
View File

@ -1794,7 +1794,9 @@ table .span12 {
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover {
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
color: #ffffff;
}
@ -1802,7 +1804,8 @@ table .span12 {
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active {
.btn-info.active,
.btn-dark.active {
color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
@ -1925,6 +1928,30 @@ table .span12 {
.btn-info:active, .btn-info.active {
background-color: #24748c \9;
}
.btn-inverse {
background-color: #393939;
background-image: -moz-linear-gradient(top, #454545, #262626);
background-image: -ms-linear-gradient(top, #454545, #262626);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));
background-image: -webkit-linear-gradient(top, #454545, #262626);
background-image: -o-linear-gradient(top, #454545, #262626);
background-image: linear-gradient(top, #454545, #262626);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);
border-color: #262626 #262626 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
background-color: #262626;
}
.btn-inverse:active, .btn-inverse.active {
background-color: #0c0c0c \9;
}
button.btn, input[type="submit"].btn {
*padding-top: 2px;
*padding-bottom: 2px;
@ -2057,7 +2084,8 @@ button.btn.small, input[type="submit"].btn.small {
.btn-primary .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret {
.btn-success .caret,
.btn-inverse .caret {
border-top-color: #ffffff;
opacity: 0.75;
filter: alpha(opacity=75);

5
docs/base-css.html
View File

@ -1285,6 +1285,11 @@ For example, <code>section</code> should be wrapped as inline.
<td><a class="btn btn-danger" href="#">Danger</a></td>
<td><code>.btn-danger</code></td>
<td>Indicates a dangerous or potentially negative action</td>
</tr>
<tr>
<td><a class="btn btn-inverse" href="#">Inverse</a></td>
<td><code>.btn-inverse</code></td>
<td>Alternate dark gray button, not tied to a semantic action or use</td>
</tr>
</tbody>
</table>

8
docs/templates/pages/base-css.mustache vendored
View File

@ -1210,10 +1210,10 @@
<td><code>.btn-danger</code></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>
<td><a class="btn btn-inverse" href="#">{{_i}}Inverse{{/i}}</a></td>
<td><code>.btn-inverse</code></td>
<td>{{_i}}Alternate dark gray button, not tied to a semantic action or use{{/i}}</td>
</tr>
</tbody>
</table>

2
less/button-groups.less
View File

@ -134,7 +134,7 @@
.btn-danger,
.btn-info,
.btn-success,
.btn-dark {
.btn-inverse {
.caret {
border-top-color: @white;
.opacity(75);

8
less/buttons.less
View File

@ -108,8 +108,8 @@
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-dark,
.btn-dark:hover {
.btn-inverse,
.btn-inverse:hover {
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
color: @white;
}
@ -144,8 +144,8 @@
.btn-info {
.buttonBackground(#5bc0de, #2f96b4);
}
// Dark appears as black
.btn-dark {
// Inverse appears as dark gray
.btn-inverse {
.buttonBackground(#454545, #262626);
}