Restore .btn-info

This commit is contained in:
Mark Otto 2013-01-17 19:51:22 -08:00
parent b30b8c2c12
commit 5663833bfc
5 changed files with 37 additions and 0 deletions

View File

@ -1733,6 +1733,18 @@ input[type="button"].btn-block {
border-color: #449d44;
}
.btn-info {
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
background-color: #46b8da;
border-color: #31b0d5;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],

View File

@ -1737,6 +1737,11 @@ For example, <code><section></code> should be wrapped
<td><code>btn btn-success</code></td>
<td>Indicates a successful or positive action</td>
</tr>
<tr>
<td><button type="button" class="btn btn-info">Info</button></td>
<td><code>btn btn-info</code></td>
<td>Contextual button for informational alert messages</td>
</tr>
<tr>
<td><button type="button" class="btn btn-warning">Warning</button></td>
<td><code>btn btn-warning</code></td>

View File

@ -1676,6 +1676,11 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
<td><code>btn btn-success</code></td>
<td>Indicates a successful or positive action</td>
</tr>
<tr>
<td><button type="button" class="btn btn-info">Info</button></td>
<td><code>btn btn-info</code></td>
<td>Contextual button for informational alert messages</td>
</tr>
<tr>
<td><button type="button" class="btn btn-warning">Warning</button></td>
<td><code>btn btn-warning</code></td>

View File

@ -168,6 +168,17 @@ input[type="button"] {
border-color: darken(@btn-border-success, 10%);
}
}
// Info appears as blue-green
.btn-info {
background-color: @btn-background-info;
border-color: @btn-border-info;
&:hover,
&:focus,
&:active {
background-color: darken(@btn-background-info, 5%);
border-color: darken(@btn-border-info, 10%);
}
}
// Link buttons

View File

@ -90,6 +90,10 @@
@btn-background-danger: #d9534f;
@btn-border-danger: @btn-background-danger;
@btn-background-info: #5bc0de;
@btn-border-info: @btn-background-info;
// Forms
// -------------------------