aboutsummaryrefslogtreecommitdiff
path: root/less/forms.less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-03-01 13:53:21 -0800
committerMark Otto <[email protected]>2013-03-01 13:53:21 -0800
commit1f160d4c12e2801d5ede245099d74386f91214a8 (patch)
tree5984bee820ad1f6eec6db7de511f1ad46fb51a45 /less/forms.less
parentf59e4fdba32b99bdd4e6387f889dda4c9270f762 (diff)
parente0647e8273aee5bd09d5461f6f974e36b3d0c3c9 (diff)
downloadbootstrap-1f160d4c12e2801d5ede245099d74386f91214a8.tar.xz
bootstrap-1f160d4c12e2801d5ede245099d74386f91214a8.zip
Merge branch '3.0.0-wip' into bs3_makefile_separated_done
Conflicts: Makefile
Diffstat (limited to 'less/forms.less')
-rw-r--r--less/forms.less71
1 files changed, 27 insertions, 44 deletions
diff --git a/less/forms.less b/less/forms.less
index 883bf1cf2..1aba99ce0 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -138,12 +138,6 @@ input[type="file"] {
line-height: @input-height-base;
}
-// Make select elements obey height by applying a border
-// TODO: See if this can be part of the above selector stack
-select {
- border: 1px solid @input-border;
-}
-
// Make multiple select elements height not fixed
select[multiple],
select[size] {
@@ -231,7 +225,6 @@ textarea {
}
// Radios and checkboxes on same line
-// TODO v3: Convert .inline to .control-inline
.radio-inline,
.checkbox-inline {
display: inline-block;
@@ -510,52 +503,43 @@ select:focus:invalid {
// Button input groups
// -------------------------
-.input-group-btn,
-.input-group-btn .btn {
+.input-group-btn {
+ position: relative;
white-space: nowrap;
}
.input-group-btn > .btn {
+ position: relative;
float: left; // Collapse white-space
border-radius: 0;
+ .btn {
- border-left: 0;
+ margin-left: -1px;
}
-}
-.input-group-btn.btn-group {
- display: table-cell;
-}
-// Prepend
-.input-group-btn {
- &:first-child > .btn,
- &.btn-group:first-child > .btn {
- border-right: 0;
- }
- &:first-child > .btn,
- &.btn-group:first-child > .btn {
- border-radius: @border-radius-base 0 0 @border-radius-base;
- &.btn-large {
- border-radius:@border-radius-large 0 0 @border-radius-large;
- }
- &.btn-small {
- border-radius:@border-radius-small 0 0 @border-radius-small;
- }
+ // Bring the "active" button to the front
+ &:hover,
+ &:active {
+ z-index: 2;
}
}
-// Append
-.input-group-btn {
- &:last-child > .btn,
- &.btn-group:last-child > .btn:first-child {
- border-left: 0;
+
+// 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); }
}
- &:last-child > .btn,
- &.btn-group:last-child > .btn {
- border-radius: 0 @border-radius-base @border-radius-base 0;
- &.btn-large {
- border-radius: 0 @border-radius-large @border-radius-large 0;
- }
- &.btn-small {
- border-radius: 0 @border-radius-small @border-radius-small 0;
- }
+}
+
+// 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); }
}
}
@@ -564,7 +548,6 @@ select:focus:invalid {
// Horizontal forms
// --------------------------------------------------
-
@media screen and (min-width: 768px) {
.form-horizontal {