Skip to content

Commit 6df2f7d

Browse files
committed
fix(Card): limit selectors in .card-group to immediate children to fix the border-radius bug
1 parent 3a6291a commit 6df2f7d

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

scss/_card.scss

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -211,13 +211,13 @@
211211
&:not(:last-child) {
212212
@include border-end-radius(0);
213213

214-
.card-img-top,
215-
.card-header {
214+
> .card-img-top,
215+
> .card-header {
216216
// stylelint-disable-next-line property-disallowed-list
217217
border-top-right-radius: 0;
218218
}
219-
.card-img-bottom,
220-
.card-footer {
219+
> .card-img-bottom,
220+
> .card-footer {
221221
// stylelint-disable-next-line property-disallowed-list
222222
border-bottom-right-radius: 0;
223223
}
@@ -226,13 +226,13 @@
226226
&:not(:first-child) {
227227
@include border-start-radius(0);
228228

229-
.card-img-top,
230-
.card-header {
229+
> .card-img-top,
230+
> .card-header {
231231
// stylelint-disable-next-line property-disallowed-list
232232
border-top-left-radius: 0;
233233
}
234-
.card-img-bottom,
235-
.card-footer {
234+
> .card-img-bottom,
235+
> card-footer {
236236
// stylelint-disable-next-line property-disallowed-list
237237
border-bottom-left-radius: 0;
238238
}

0 commit comments

Comments
 (0)