From 93f1028e82fb66afa5a34f221f51e5620c9cd2c4 Mon Sep 17 00:00:00 2001 From: Martijn Cuppens Date: Thu, 4 Jun 2020 16:48:17 +0200 Subject: [PATCH] Clarify removal of border radii --- scss/_button-group.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/scss/_button-group.scss b/scss/_button-group.scss index 8be6c0f52f..b15c6292ed 100644 --- a/scss/_button-group.scss +++ b/scss/_button-group.scss @@ -48,11 +48,12 @@ @include border-right-radius(0); } - // - Target second buttons which are not part of toggle buttons - // - Target third or more child - // - Target buttons in a button group - > :not(.btn-check) + .btn, + // The left radius should be 0 if the button is: + // - the "third or more" child + // - the second child and the previous element isn't `.btn-check` (making it the first child visually) + // - part of a btn-group which isn't the first child > .btn:nth-child(n + 3), + > :not(.btn-check) + .btn, > .btn-group:not(:first-child) > .btn { @include border-left-radius(0); }