diff --git a/css/backoffice/components/_button-group.scss b/css/backoffice/components/_button-group.scss index 137861c6f..0c170eb71 100644 --- a/css/backoffice/components/_button-group.scss +++ b/css/backoffice/components/_button-group.scss @@ -48,8 +48,10 @@ $ibo-button-group--elements-separator--border-left: 1px solid transparent !defau border-left: $ibo-button-group--elements-separator--border-left; } - /* Note: Selector cannot be simplified in the one above as the "::before" must be after the different classes */ - .ibo-button + .ibo-button { + /* Note: Selector cannot be simplified in the one above as the "::before" must be after the different classes. + * A more precise selector could be .ibo-button + .ibo-button, however .ibo-button is extended by multiple element and in a multiple loop it creates heavy selectors. + */ + > * + * { @each $sType, $aColors in $ibo-button-colors { @each $sColor, $aPseudoclasses in $aColors { @each $sPseudoclass, $aAttributes in $aPseudoclasses { diff --git a/css/backoffice/components/_button.scss b/css/backoffice/components/_button.scss index 86b1b45a8..9afb0eba7 100644 --- a/css/backoffice/components/_button.scss +++ b/css/backoffice/components/_button.scss @@ -471,7 +471,7 @@ $ibo-button-colors: ( white-space: nowrap; /* To force sub elements to be on 1 line */ @extend %ibo-font-ral-sembol-100; - & ~ .ibo-button { + & + .ibo-button { margin-left: $ibo-button--sibling-spacing; }