PostCSS plugin that adds `fix` and `fix-legacy` attributes to the `clear` property, for self-clearing of children.
Package: postcss-clearfix
Created by: seaneking
Last modified: Fri, 24 Jun 2022 09:36:28 GMT
Version: 2.0.1
License: MIT
Downloads: 33,673
Repository: https://github.com/seaneking/postcss-clearfix
Install
npm install postcss-clearfix
yarn add postcss-clearfix
PostCSS Clearfix
PostCSS plugin that adds a fix attribute to the clear property, for self-clearing of children. The outputted 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
