Steps to reproduce the issue
Control-groups styled twice
|
.control-group { |
|
margin-bottom: 18px; |
|
|
|
> .form-check { |
|
display: inline-block; |
|
} |
|
|
|
&::after { |
|
display: table; |
|
clear: both; |
|
content: ""; |
|
} |
|
|
|
.control-label { |
|
float: left; |
|
width: 220px; |
|
padding-top: 5px; |
|
padding-right: 5px; |
|
text-align: left; |
|
} |
|
|
|
.controls { |
|
margin-left: 220px; |
|
|
|
@include media-breakpoint-down(sm) { |
|
margin-left: 0; |
|
|
|
[dir=rtl] & { |
|
margin-right: 0; |
|
} |
|
} |
|
} |
|
} |
|
.control-group { |
|
margin-bottom: 18px; |
|
|
|
> .form-check { |
|
display: inline-block; |
|
} |
|
|
|
&::after { |
|
display: table; |
|
clear: both; |
|
content: ""; |
|
} |
|
|
|
.control-label { |
|
float: left; |
|
width: 220px; |
|
padding-top: 5px; |
|
padding-right: 5px; |
|
text-align: left; |
|
|
|
[dir=rtl] & { |
|
float: right; |
|
text-align: right; |
|
} |
|
|
|
@include media-breakpoint-down(sm) |
|
{ |
|
float: none; |
|
width: 100%; |
|
} |
|
} |
|
|
|
.controls { |
|
margin-left: 220px; |
|
|
|
[dir=rtl] & { |
|
margin-right: 220px; |
|
margin-left: 0; |
|
} |
|
|
|
@include media-breakpoint-down(sm) |
|
{ |
|
margin-left: 0; |
|
|
|
[dir=rtl] & { |
|
margin-right: 0; |
|
} |
|
} |
|
} |
|
} |
Expected result
Actual result
System information (as much as possible)
Additional comments
Confirmed. There are a few others as well