LeaVerou / prefixfree

Break free from CSS prefix hell!
http://projects.verou.me/prefixfree/
MIT License
3.83k stars 712 forks source link

grid-column-gap and grid-row-gap support #6154

Open LucusWebsites opened 3 years ago

LucusWebsites commented 3 years ago

Can you add support for "column-gap" and "row-gap"?

// does not work in iOS Safari 11.1
column-gap: 10px
row-gap: 10px

For example iOS Safari 11.1 doesn't understand column-gap and row-gap.

The prefixed version would be:


// does work in iOS Safari 11.1
grid-column-gap: 10px
grid-row-gap: 10px
mnich commented 3 years ago

For Safari 11.1 column-gap supported with prefixes -webkit- source: https://caniuse.com/?search=row-gap

The grid- prefix will be removed and grid-column-gap and grid-row-gap renamed to column-gap and row-gap. The unprefixed properties are already supported in Chrome 68+, Safari 11.2 Release 50+ and Opera 54+.

The grid- prefix is deprecated (but who knows, may never actually be removed from browsers). Essentially grid-gap renamed to gap. The unprefixed property is already supported in Chrome 68+, Safari 11.2 Release 50+, and Opera 54+.

source: https://css-tricks.com/snippets/css/complete-guide-grid/