From d267df4b9a59762958bba61bbb95cd483c7f897a Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Sun, 1 Jul 2018 22:00:40 +0200 Subject: [PATCH] refactor: simplify Input Group border-radius selector We should assume as little as possible to HTML structure inside our components. People should be able to freely use the classes of components/elements we provide without limited by self-references and dependencies. This commit simplify the selector used to apply border-radius on Input Group childreens to make all childreens affected, with a single exception for `.input-group-button` where sub-childreens are affected too. --- scss/forms/_input-group.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss index e0af6d93c..c55b1ef39 100644 --- a/scss/forms/_input-group.scss +++ b/scss/forms/_input-group.scss @@ -34,13 +34,13 @@ $input-prefix-padding: 1rem !default; } > :first-child { - &:not(.input-group-button), &.input-group-button > * { + &, &.input-group-button > * { border-radius: if($global-text-direction == rtl, 0 $input-radius $input-radius 0, $input-radius 0 0 $input-radius); } } > :last-child { - &:not(.input-group-button), &.input-group-button > * { + &, &.input-group-button > * { border-radius: if($global-text-direction == rtl, $input-radius 0 0 $input-radius, 0 $input-radius $input-radius 0); } } -- 2.47.2