PostCSS Plugins
Through building Layr, it felt necessary to extend PostCSS with more plugins for analysis. Honestly, would encourage anyone to do this, the API is well documented and there are dozens of examples to follow.
Modern Parker
Modern Parker is Layr’s TypeScript port of Parker, the CSS analysis tool originally created by Katie Fenn. The idea, metric vocabulary, and credit belong to Katie Fenn and the original Parker project; this local port exists so Layr can generate the same style of stylesheet complexity report from the current PostCSS pipeline without carrying the old runtime dependency.
postcss-parker wraps Modern Parker in a PostCSS plugin and writes the report to parker.json for the documentation site.
PostCSS Gzip
Simple output file size reporter.
PostCSS MDGX
Fork of postcss-style-guide to tweak the output of the markdown parser. Archived.
Wilco
Wilco is an opinionated linter based off of stylelint. Wilco is an opinionated linter for CSS that’s powered by Stylelint. It’s the first command line app I’ve ever started and finished. The focus is meant to just take in a glob of files and check it against a specific rule set for style violations.
Community Plugins Used
- postcss-import
- postcss-custom-properties
- autoprefixer
- cssnano
Run the reference implementation
npm install
npm run dev --workspace layr-documentation