mirror of
https://github.com/Hopiu/bootstrap.git
synced 2026-03-25 16:50:23 +00:00
Add direct children selectors to avoid cascading styles into a menu form (#25279)
This commit is contained in:
parent
6d8d8639f3
commit
f4bf0542d7
1 changed files with 6 additions and 6 deletions
|
|
@ -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 a new issue