flex-gap css polyfill code example

Example: flexbox gap polyfill

/* Output simplified for purpose of example */ .container > * {    --fgp-gap-parent: 40px !important;    --fgp-gap-item: 40px !important;    --fgp-gap: var(--fgp-gap-item) !important;    margin-top: var(--fgp-gap);    margin-right: var(--fgp-gap);} .container {    --fgp-gap-container: calc(var(--fgp-gap-parent, 0px) - 40px) !important;    --fgp-gap: var(--fgp-gap-container);    margin-top: var(--fgp-gap);    margin-right: var(--fgp-gap);}

Tags:

Misc Example