postcss-gap

PostCSS Gap

PostCSS plugin to create fallbacks for the css properties row-gap, column-gap and gap..

See the current css spec for further details.

.foo {
    gap: 3vmin 2vmax;
    row-gap: 1em;
}

[column-gap] {
    column-gap: initial;
}

.foo {
    grid-gap: 3vmin 2vmax;
    grid-row-gap: 1em;
}

[column-gap] {
    grid-column-gap: initial;
}

Usage

/* default usage, with no options (method = replace) */
postcss([ require('postcss-gap') ])

/* add the fallbacks right before, but keep the original css props (row-gap, column-gap and gap)*/
postcss([ require('postcss-gap') ])({ method: 'duplicate' })

See PostCSS docs for examples for your environment.