flex-wrap This plugin DOES NOT process flex-wrap: wrap /* input */ .list { display: flex; flex-wrap: wrap; gap: 10px; } /* output */ .list { display: flex; flex-wrap: wrap; gap: 10px; } Readme Keywords postcss css postcss-plugin postcss-polyfill-flex-gapPackage...
PostCSS polyfill flex gap This plugin polyfills all flexbox gaps into margins for older browsers. Basic example /* input */ .list { display: flex; gap: 10px; } .item { display: flex; background-color: red; } /* output */ .list { display: flex; } .list > *:not(:last-child) ...
npm install flex-gap-polyfill postcss --save-dev UseFlex Gap Polyfillto process your CSS: constflexGapPolyfill=require("flex-gap-polyfill");flexGapPolyfill.process(YOUR_CSS/*, processOptions, pluginOptions */); Or use it as aPostCSSplugin: ...
A PostCSS plugin to emulate flex gap using margins - flex-gap-polyfill/CHANGELOG.md at master · gavinmcfarland/flex-gap-polyfill
A Sass polyfill for flex-gap CSS property. Installation npm install sass-flex-gap Usage Sass: @use "sass-flex-gap" as sfp; .container { display: flex; @include sfp.flex-gap(10px); } HTML: AboutA Sass polyfill for flex-gap CSS property. Topicspolyfill sass flex flexbox gap ...