kiss-row {
    --row-gap: var(--kiss-row-gap, 20px);
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: var(--row-gap);
}

kiss-row > * {
    margin: 0;
}
kiss-row > * > :last-child { margin-bottom: 0; }


/*
 * Small
 */

kiss-row[gap="small"] {
    --row-gap: var(--kiss-row-gap-small, 10px);
}

/*
 * Large
 */

kiss-row[gap="large"] {
    --row-gap: var(--kiss-row-gap-large, 3vw);
}

/*
 * xLarge
 */

kiss-row[gap="xlarge"] {
    --row-gap: var(--kiss-row-gap-xlarge, 5vw);
}


kiss-row[gap="none"] {
    --row-gap: 0;
}


kiss-row[match] > *,
.kiss-row-item-match {
    display: flex;
    flex-wrap: wrap;
}

kiss-row[match] > * > :not([class*='kiss-width']),
.kiss-row-item-match > :not([class*='kiss-width']) {
    box-sizing: border-box;
    width: 100%;
    flex: auto;
}
