diff options
| author | Patrick Yeo <[email protected]> | 2017-05-01 17:59:21 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-08-12 18:22:48 -0700 |
| commit | 02ae73fc0fc21049ea4199dfda18c87c9b709e52 (patch) | |
| tree | 226c9a5c82e8bde3fea11929c01f5a498f91f359 /scss | |
| parent | 9a03d7efc6ccb486c88a74eeafdfd97ac5f14abf (diff) | |
| download | bootstrap-02ae73fc0fc21049ea4199dfda18c87c9b709e52.tar.xz bootstrap-02ae73fc0fc21049ea4199dfda18c87c9b709e52.zip | |
Apply `align-items: center;` to `.input-group` instead of input group sub components, causes `.input-group .form-control` and `.input-group-addon` to be large when next to a tall element
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_input-group.scss | 5 |
1 files changed, 1 insertions, 4 deletions
diff --git a/scss/_input-group.scss b/scss/_input-group.scss index 4d3fec656..40bc50a53 100644 --- a/scss/_input-group.scss +++ b/scss/_input-group.scss @@ -5,6 +5,7 @@ .input-group { position: relative; display: flex; + align-items: center; width: 100%; .form-control { @@ -28,10 +29,6 @@ .input-group-addon, .input-group-btn, .input-group .form-control { - // Vertically centers the content of the addons within the input group - display: flex; - align-items: center; - &:not(:first-child):not(:last-child) { @include border-radius(0); } |