Added support for clear:fix in PostCSS chain

sebastian-software · Mar 10, 2017 · 79abd52 · 79abd52
1 parent 463b05a
commit 79abd52
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -137,6 +137,7 @@
     "postcss-assets": "^4.1.0",
     "postcss-at-warn": "^1.0.0",
     "postcss-calc": "^5.3.1",
+    "postcss-clearfix": "^1.0.0",
     "postcss-color-function": "^3.0.0",
     "postcss-color-hex-alpha": "^2.0.0",
     "postcss-custom-media": "^5.0.1",

diff --git a/src/webpack/PostCSSConfig.js b/src/webpack/PostCSSConfig.js
@@ -24,6 +24,7 @@ import pseudoelements from "postcss-pseudoelements"
 import autoprefixer from "autoprefixer"
 import reporter from "postcss-reporter"
 import hexrgba from "postcss-hexrgba"
+import clearfix from "postcss-clearfix"
 import unicodeChars from "postcss-unicode-characters"
 import systemFont from "postcss-font-family-system-ui"
 import zindex from "postcss-zindex"
@@ -108,6 +109,10 @@ export default function PostCSSConfig(variables = {})
     // https://github.com/seaneking/postcss-hexrgba
     hexrgba,
 
+    // Adds fix and fix-legacy attributes to the clear property, for self-clearing of children.
+    // https://github.com/seaneking/postcss-clearfix
+    clearfix,
+
     // Transform W3C CSS color function to more compatible CSS
     // https://github.com/postcss/postcss-color-function
     colorFunction,