aboutsummaryrefslogtreecommitdiff
path: root/scss
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-10-22 19:39:47 -0700
committerMark Otto <[email protected]>2017-10-22 19:39:47 -0700
commit2f90be3150f0630e7dc28511efefcd3025f3606a (patch)
tree73610c581138a6570b61e0340c85c86cdf44d281 /scss
parent6ef998628d076b967c7e840d17fb627af7c066e6 (diff)
parent2d0399e4ea940a91178635d08d201650101d76be (diff)
downloadbootstrap-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.scss31
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;
+ }
}
//