<?xml version="1.0" encoding="utf-8"?>
<div class="group">
<button type="button" class="button">Button</button>
<button type="button" class="button">Button</button>
</div>
<?xml version="1.0" encoding="utf-8"?>
<div class="button-group">
<button type="button" class="button">Button</button>
<button type="button" class="button">Button</button>
<button type="button" class="button">Button</button>
</div>
Template
@mixin groupVariables
/* 1. group gap ........... */ var(--group-gap),
/* 2. stack contents at ... */ var(--group-stack-at),
/* 3. remove inner radius . */ var(--group-remove-inner-radius);
@mixin groupSelectors
/* 1. group container ..... */ .group;