diff options
| author | Mark Otto <[email protected]> | 2013-03-01 13:53:21 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-03-01 13:53:21 -0800 |
| commit | 1f160d4c12e2801d5ede245099d74386f91214a8 (patch) | |
| tree | 5984bee820ad1f6eec6db7de511f1ad46fb51a45 /less/forms.less | |
| parent | f59e4fdba32b99bdd4e6387f889dda4c9270f762 (diff) | |
| parent | e0647e8273aee5bd09d5461f6f974e36b3d0c3c9 (diff) | |
| download | bootstrap-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.less | 71 |
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 { |
