root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

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

This commit is contained in:
ysds 2018-01-13 16:40:55 +09:00 committed by XhmikosR
parent 6d8d8639f3
commit f4bf0542d7
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
scss/_input-group.scss
View File

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