PostCSS Clearfix

PostCSS plugin that adds a fix attribute to the clear property, for self-clearing of children. The outputted clearfix works in IE8+.

Input

.cleared {
  clear: fix;
}

Output

.cleared:after{
  content: '';
  display: block;
  clear: both;
}

postcss([ require('postcss-clearfix') ])

See PostCSS docs for examples for your environment.

Property	Type	Default	Description
`display`	String	`'block'`	Set the display property outputted in the `::after` clearfix (eg: use `'table'` to prevent collapsed margins on cleared items)

postcss-clearfix