@beamimpact/web-sdk/dist/chunks/css-card-grid-CvoGpsJH.esm.js

The Beam SDK enables brands to connect with their customers over shared values, not transactional discounts, to build stronger loyalty. Our integration achieves this by allowing customers to (a) choose a nonprofit where the brand will donate part of their

import{j as a,f as g}from"./lit-WqMxC_PA.esm.js";const o=({className:i="cardGrid",gap:t="30px",columnCount:r=2,itemMinWidth:d="300px"}={})=>g`
  .${a(i)} {
    --grid-layout-gap: ${a(t)};
    --grid-column-count: ${a(r)};
    --grid-item--min-width: ${a(d)};

    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

    display: grid;
    grid-template-columns: repeat(
      auto-fill,
      minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)
    );
    grid-gap: var(--grid-layout-gap);
    grid-auto-rows: 1fr; /* make all the rows the same height */
  }
`;export{o as c};
//# sourceMappingURL=css-card-grid-CvoGpsJH.esm.js.map