mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
Add direct children selectors to avoid cascading styles into a menu form (#25279)
This commit is contained in:
parent
6d8d8639f3
commit
f4bf0542d7
@ -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;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user