From: ysds <fellows3@gmail.com>
Date: Sat, 13 Jan 2018 07:40:55 +0000 (+0900)
Subject: Add direct children selectors to avoid cascading styles into a menu form (#25279)
X-Git-Tag: v4.0.0~33^2~4
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=f4bf0542d78018a31c0ae07d5dee1aacfd20182e;p=thirdparty%2Fbootstrap.git

Add direct children selectors to avoid cascading styles into a menu form (#25279)
---

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index fcf7c3c432..2f7b05d5d8 100644
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -11,9 +11,9 @@
   align-items: stretch;
   width: 100%;
 
-  .form-control,
-  .custom-select,
-  .custom-file {
+  > .form-control,
+  > .custom-select,
+  > .custom-file {
     position: relative; // For focus state's z-index
     flex: 1 1 auto;
     // Add width 1% and flex-basis auto to ensure that button will not wrap out
@@ -33,15 +33,15 @@
     }
   }
 
-  .form-control,
-  .custom-select {
+  > .form-control,
+  > .custom-select {
     &:not(:last-child) { @include border-right-radius(0); }
     &:not(:first-child) { @include border-left-radius(0); }
   }
 
   // Custom file inputs have more complex markup, thus requiring different
   // border-radius overrides.
-  .custom-file {
+  > .custom-file {
     display: flex;
     align-items: center;