Group

Overview

Basic group

<div class="group">
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
</div>

Files

https://github.com/davidbrooksio/cwf-lite/blob/master/style/utilities/group.css

• Directorystyle

  • Directoryutilities

    • group.css

Stylesheet

@layer cwf-utilities {
  .group {
    align-items: var(--group-align-items, center);
    display: var(--group-display, flex);
    flex-flow: var(--group-flex-flow, wrap row);
    gap: var(--group-gap, var(--size-3));
    justify-content: var(--group-justify-content, flex-start);
    margin: var(--group-margin, 0);
    position: var(--group-position, relative);
  }
}