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.

1.foo {
2    gap: 3vmin 2vmax;
3    row-gap: 1em;
4}
5
6[column-gap] {
7    column-gap: initial;
8}
9

1.foo {
2    grid-gap: 3vmin 2vmax;
3    grid-row-gap: 1em;
4}
5
6[column-gap] {
7    grid-column-gap: initial;
8}

Usage

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

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

See PostCSS docs for examples for your environment.