執筆中のため、情報が古い・足りない場合があります。ご容赦ください。
グループ
グループは要素を連結して表示するレイアウトです。スタックと似ていますが、スタックと異なりガターが無く、要素のボーダーや角丸が調整されます。
縦方向のグループは、親要素にvgroupクラス、横方向の場合はhgroupクラスを付与するだけで使用できます。
例
Hello
Hello
Hello
<div class="vstack">
<div class="hgroup">
<button class="btn">下書き</btn>
<button class="btn primary">保存</btn>
</div>
<div class="hgroup">
<button class="btn">◀</btn>
<button class="btn primary">1</btn>
<button class="btn">2</btn>
<button class="btn">3</btn>
<button class="btn">4</btn>
<button class="btn">▶</btn>
</div>
<div class="vgroup">
<div class="card" style="max-width: 200px">
<div class="body">Hello</div>
</div>
<div class="card" style="max-width: 200px">
<div class="body">Hello</div>
</div>
<div class="card" style="max-width: 200px">
<div class="body">Hello</div>
</div>
</div>
</div>