Restore mini button (fixes #8644)

This commit is contained in:
Mark Otto 2013-07-29 17:08:04 -07:00
parent 2dcfa00e56
commit 5716355cda
4 changed files with 20 additions and 3 deletions

View File

@ -1694,6 +1694,10 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<button type="button" class="btn btn-primary btn-small">Small button</button>
<button type="button" class="btn btn-default btn-small">Small button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-mini">Mini button</button>
<button type="button" class="btn btn-default btn-mini">Mini button</button>
</p>
</div>
{% highlight html %}
<p>
@ -1708,6 +1712,10 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<button type="button" class="btn btn-primary btn-small">Small button</button>
<button type="button" class="btn btn-default btn-small">Small button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-mini">Mini button</button>
<button type="button" class="btn btn-default btn-mini">Mini button</button>
</p>
{% endhighlight %}
<p>Create block level buttons&mdash;those that span the full width of a parent&mdash; by adding <code>.btn-block</code>.</p>

View File

@ -1833,13 +1833,18 @@ fieldset[disabled] .btn-link:focus {
border-radius: 6px;
}
.btn-small {
.btn-small,
.btn-mini {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-mini {
padding: 3px 5px;
}
.btn-block {
display: block;
width: 100%;

File diff suppressed because one or more lines are too long

View File

@ -125,12 +125,16 @@
font-size: @font-size-large;
border-radius: @border-radius-large;
}
.btn-small {
.btn-small,
.btn-mini {
padding: @padding-small-vertical @padding-small-horizontal;
font-size: @font-size-small;
line-height: 1.5; // ensure proper height of button next to small input
border-radius: @border-radius-small;
}
.btn-mini {
padding: 3px 5px;
}
// Block button