postcss-flow-root

Fallback for display: flow-root

Use display: flow-root without a mess today, just add fallback by that simple plugin. Article about flow-root..

Transform that
``css
.selector {
display: flow-root;
}
`
to
`css
.selector {
display: flow-root;
column-count: 1;
}
`

$3


`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.