From: Nicolas Coden Date: Sun, 1 Jul 2018 20:00:40 +0000 (+0200) Subject: refactor: simplify Input Group border-radius selector X-Git-Tag: v6.6.0~3^2~141^2~1 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d267df4b9;p=thirdparty%2Ffoundation%2Ffoundation-sites.git 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. --- 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); } }