Clearfix fallback for display: flow-root
npm install postcss-flow-rootdisplay: flow-root without a mess today, just add fallback by that simple plugin. Article about flow-root..Transform that
``css`
.selector {
display: flow-root;
}`
tocss`
.selector {
display: flow-root;
column-count: 1;
}
sh
yarn add --dev postcss-flow-root
`
or
`sh
npm install --save-dev postcss-flow-root
`$3
Add postcss-flow-root to your plugins list, for example in webpack:
`js
postcss: function () {
return [
require('postcss-flow-root')(options)
];
}
`
Be careful: use plugin before autoprefixer.$3
You can choose fallback for emulate flow-root. There is a sandbox with all methods by @SelenIT.
`js
{
fallback: 'column-count' (default) | 'clearfix' | 'overflow'
}
`
- column-count - create block formatting context for element, browser support (IE10+);
- clearfix - add clearfix by pseudo-element;
- overflow - use overflow: hidden` fallback.