github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-02-19 10:04:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

Simplify input and input group sizing

Browse Source 
* Remove .input-mini because who really needs inputs that small
* Remove unnecessary border-radius resets from large and small input groups
This commit is contained in:
Mark Otto
2013-02-02 17:31:26 -08:00
parent 04aae2f56c
commit 6993fadf7e
5 changed files with 84 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,6 +8,11 @@
* Designed and built with all the love in the world by @mdo and @fat.
*/
/*@padding-large-input: 10px 14px; // 44px
// firefox hack since it doesn't accept custom line-height for inputs and automatically sets line-height as font-size + 4 px.
// input-large at 18 + 4 = 22, so I tried to compensate on padding.
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
@@ -1253,8 +1258,7 @@ input[type="search"].input-large,
input[type="tel"].input-large,
input[type="color"].input-large,
.uneditable-input.input-large {
min-height: 44px;
padding: 10px 14px;
padding: 11px 14px;
font-size: 17.5px;
border-radius: 6px;
}
@@ -1282,29 +1286,6 @@ input[type="color"].input-small,
border-radius: 3px;
}
select.input-mini,
textarea.input-mini,
input[type="text"].input-mini,
input[type="password"].input-mini,
input[type="datetime"].input-mini,
input[type="datetime-local"].input-mini,
input[type="date"].input-mini,
input[type="month"].input-mini,
input[type="time"].input-mini,
input[type="week"].input-mini,
input[type="number"].input-mini,
input[type="email"].input-mini,
input[type="url"].input-mini,
input[type="search"].input-mini,
input[type="tel"].input-mini,
input[type="color"].input-mini,
.uneditable-input.input-mini {
min-height: 26px;
padding: 0 6px;
font-size: 10.5px;
border-radius: 3px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
@@ -1514,7 +1495,7 @@ select:focus:invalid:focus {
}
.input-group-addon.input-large {
padding: 10px 14px;
padding: 11px 14px;
font-size: 17.5px;
}
@@ -1528,8 +1509,6 @@ select:focus:invalid:focus {
.input-group input:first-child.input-small,
.input-group .uneditable-input:first-child.input-small,
.input-group-addon:first-child.input-small {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
@@ -1537,8 +1516,6 @@ select:focus:invalid:focus {
.input-group input:first-child.input-large,
.input-group .uneditable-input:first-child.input-large,
.input-group-addon:first-child.input-large {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
@@ -1559,8 +1536,6 @@ select:focus:invalid:focus {
.input-group-addon:last-child.input-small {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group input:last-child.input-large,
@@ -1568,8 +1543,6 @@ select:focus:invalid:focus {
.input-group-addon:last-child.input-large {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {