diff options
| author | Mark Otto <[email protected]> | 2017-10-22 19:39:47 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-10-22 19:39:47 -0700 |
| commit | 2f90be3150f0630e7dc28511efefcd3025f3606a (patch) | |
| tree | 73610c581138a6570b61e0340c85c86cdf44d281 /scss | |
| parent | 6ef998628d076b967c7e840d17fb627af7c066e6 (diff) | |
| parent | 2d0399e4ea940a91178635d08d201650101d76be (diff) | |
| download | bootstrap-2f90be3150f0630e7dc28511efefcd3025f3606a.tar.xz bootstrap-2f90be3150f0630e7dc28511efefcd3025f3606a.zip | |
Merge branch 'input-group-custom-forms' into v4-dev
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_input-group.scss | 31 |
1 files changed, 27 insertions, 4 deletions
diff --git a/scss/_input-group.scss b/scss/_input-group.scss index ae70ebc08..9315051ff 100644 --- a/scss/_input-group.scss +++ b/scss/_input-group.scss @@ -30,20 +30,32 @@ .input-group-addon, .input-group-btn, -.input-group .form-control { +.input-group .form-control, +.input-group .custom-select, +.input-group .custom-file { display: flex; align-items: center; + &:not(:first-child):not(:last-child) { @include border-radius(0); } } +.input-group .custom-file { + display: flex; + align-items: center; +} + +.input-group .custom-select, +.input-group .custom-file { + width: 100%; +} + .input-group-addon, .input-group-btn { white-space: nowrap; } - // Sizing options // // Remix the default form control sizing classes into new ones for easier @@ -103,6 +115,8 @@ // .input-group .form-control:not(:last-child), +.input-group .custom-select:not(:last-child), +.input-group .custom-file:not(:last-child) .custom-file-control::before, .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, @@ -111,10 +125,14 @@ .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { @include border-right-radius(0); } + .input-group-addon:not(:last-child) { border-right: 0; } + .input-group .form-control:not(:first-child), +.input-group .custom-select:not(:first-child), +.input-group .custom-file:not(:first-child) .custom-file-control, .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, @@ -123,8 +141,13 @@ .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { @include border-left-radius(0); } -.form-control + .input-group-addon:not(:first-child) { - border-left: 0; + +.form-control, +.custom-select, +.custom-file { + + .input-group-addon:not(:first-child) { + border-left: 0; + } } // |
