github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-04-24 03:00:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make the border-radius on input-groups to be overrides instead of resets on every size.

Browse Source
This commit is contained in:
Blake Embrey
2013-05-09 14:48:27 -07:00
parent d5e6bbba27
commit 9716b73f67
2 changed files with 32 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
less/forms.less
View File

@@ -407,12 +407,8 @@ select:focus:invalid {
.input-group-btn,
.input-group input {
display: table-cell;
/*margin: 0;*/
border-radius: 0;
&.input-small {
border-radius: 0;
}
&.input-large {
&:not(:first-child):not(:last-child) {
border-radius: 0;
}
}
@@ -435,40 +431,35 @@ select:focus:invalid {
text-shadow: 0 1px 0 #fff;
background-color: @gray-lighter;
border: 1px solid #ccc;
border-radius: @border-radius-base;
&.input-small {
padding: @padding-small;
font-size: @font-size-small;
border-radius: @border-radius-small;
}
&.input-large {
padding: @padding-large;
font-size: @font-size-large;
&.input-large {
padding: @padding-large;
font-size: @font-size-large;
border-radius: @border-radius-large;
}
}
// Reset rounded corners
.input-group input:first-child,
.input-group-addon:first-child {
.border-left-radius(@border-radius-base);
&.input-small {
.border-left-radius(@border-radius-small);
}
&.input-large {
.border-left-radius(@border-radius-large);
}
.input-group-addon:first-child,
.input-group-btn:first-child > .btn:first-child,
.input-group-btn:first-child > .dropdown-toggle:first-child {
.border-right-radius(0);
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group input:last-child,
.input-group-addon:last-child {
.border-right-radius(@border-radius-base);
&.input-small {
.border-right-radius(@border-radius-small);
}
&.input-large {
.border-right-radius(@border-radius-large);
}
.input-group-addon:last-child,
.input-group-btn:last-child > .btn:last-child,
.input-group-btn:last-child > .dropdown-toggle {
.border-left-radius(0);
}
.input-group-addon:last-child {
border-left: 0;
@@ -483,7 +474,6 @@ select:focus:invalid {
.input-group-btn > .btn {
position: relative;
float: left; // Collapse white-space
border-radius: 0;
+ .btn {
margin-left: -1px;
}
@@ -494,29 +484,6 @@ select:focus:invalid {
}
}
// Prepended buttons
.input-group-btn:first-child {
// Round the left corners only
> .btn:first-child,
> .dropdown-toggle:first-child {
.border-left-radius(@border-radius-base);
&.btn-large { .border-left-radius(@border-radius-large); }
&.btn-small { .border-left-radius(@border-radius-small); }
}
}
// Appended buttons
.input-group-btn:last-child {
// Round the right corners only
> .btn:last-child,
> .dropdown-toggle {
.border-right-radius(@border-radius-base);
&.btn-large { .border-right-radius(@border-radius-large); }
&.btn-small { .border-right-radius(@border-radius-small); }
}
}
// Inline forms
// --------------------------------------------------