From cfc230d734eb0adf36dc9153080efc4c2d832160 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 13 May 2020 15:16:07 -0700 Subject: [PATCH] Simplify list-group borders in cards Consolidates some CSS and beefs up the selector to account for inherited border styles. Fixes #30793, a regression from v4.4.1 that shipped in #30497. --- scss/_card.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/scss/_card.scss b/scss/_card.scss index 230ab113ab1e..b0e7ae1e9975 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -33,6 +33,12 @@ @include border-bottom-radius($card-inner-border-radius); } } + + // Due to specificity of the above selector (`.card > .list-group`), we must + // use a child selector here to prevent a double border. + > .card-header + .list-group { + border-top: 0; + } } .card-body { @@ -80,12 +86,6 @@ &:first-child { @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0); } - - + .list-group { - .list-group-item:first-child { - border-top: 0; - } - } } .card-footer {