diff options
| author | Mark Otto <[email protected]> | 2013-05-14 23:21:30 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-05-14 23:21:30 -0700 |
| commit | 28a081cb20d4e9544967e7c6d5ab31ff4ad68862 (patch) | |
| tree | 41d1af55e2055a91e79620b50594261a0eeda813 /docs/css.html | |
| parent | a41d566d5e38dd3227a0f5921f7be92969ff63f1 (diff) | |
| download | bootstrap-28a081cb20d4e9544967e7c6d5ab31ff4ad68862.tar.xz bootstrap-28a081cb20d4e9544967e7c6d5ab31ff4ad68862.zip | |
Overhaul form control and button sizing, and some type styles
* New padding approach with separate horizontal and vertical padding
variables
* Improved sizing in large and small buttons and form controls
* Dropped the `.btn-mini` (since we have no `.input-mini` to match, and
holy fuck those were small buttons)
* Dropped the `.pagination-mini` as well because once again, to hell
with such small components
* Changed `@line-height-headings` to `@headings-line-height`
* Removed the `@headings-font-family` because it was honestly kind of
useless
Diffstat (limited to 'docs/css.html')
| -rw-r--r-- | docs/css.html | 12 |
1 files changed, 2 insertions, 10 deletions
diff --git a/docs/css.html b/docs/css.html index 520a252af..2640e1688 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1625,7 +1625,7 @@ For example, <code><section></code> should be wrapped as inline. <h4>Relative sizing</h4> <p>Create larger or smaller form controls that match button sizes.</p> - <form class="bs-example" style="padding-bottom: 15px;"> + <form class="bs-example bs-example-control-sizing"> <div class="controls docs-input-sizes"> <input class="input-large" type="text" placeholder=".input-large"> <input type="text" placeholder="Default input"> @@ -1738,7 +1738,7 @@ For example, <code><section></code> should be wrapped as inline. {% endhighlight %} <h2 id="buttons-sizes">Button sizes</h2> - <p>Fancy larger or smaller buttons? Add <code>.btn-large</code>, <code>.btn-small</code>, or <code>.btn-mini</code> for additional sizes.</p> + <p>Fancy larger or smaller buttons? Add <code>.btn-large</code> or <code>.btn-small</code> for additional sizes.</p> <div class="bs-example"> <p> <button type="button" class="btn btn-primary btn-large">Large button</button> @@ -1752,10 +1752,6 @@ For example, <code><section></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> @@ -1770,10 +1766,6 @@ For example, <code><section></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—those that span the full width of a parent— by adding <code>.btn-block</code>.</p> |