PostCSS plugin that adds a 'fix' argument to the 'clear' property
JavaScript
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test es6ify Aug 5, 2017
.eslintrc
.gitignore
.travis.yml
CHANGELOG.md
README.md
index.js
package-lock.json
package.json

README.md

PostCSS Clearfix

NPM version Downloads Build Status

PostCSS plugin that adds a native fix value to the CSS clear property, for self-clearing children. The output clearfix works in IE8+.

Part of Rucksack - CSS Superpowers

Input

.cleared {
  clear: fix;
}

Output

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

Usage

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

See PostCSS docs for examples for your environment.

Options

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)

MIT © Sean King