iamfrntdv / postcss-increase-text-sizes

PostCSS Increase Text Size is a PostCSS plugin that helps automaticaly increase text size and line heights.

PostCSS Increase Text Sizes

PostCSS Increase Text Size is a PostCSS plugin that helps automaticaly increase text size and line heights.

Why?

Accessible websites are getting more popular. Some countries even pass laws obliging IT companies create web accessible websites. This plugin focused to help with building web accessible web sites.

Basic Usage

postcss([
	require("postcss-increase-text-sizes")({
		fontSizeMultiplyBy: 1.2,
		lineheightMultiplyBy: 1.2,
		selectorsBlackList: ["h2"]
	})
]);

input.css:

h2 {
	font-size: 12px;
}
p {
	font-size: 12px;
	line-height: 16px;
}

output.css:

h2 {
	font-size: 12px;
}
p {
	font-size: 14px;
	line-height: 19px;
}

Options

Name	Default Value	Description
fontSizeMultiplyBy	1.2	All font-size properties will be multiplied by this option
lineheightMultiplyBy	1.2	All line-height properties will be multiplied by this option
selectorsBlackList	[]	Array of selectors which are to be ignored

Works great with:

PostCSS High Contrast

postcss-increase-text-sizes's Issues

Don't use undocumented API

require('util')._extend

is not part of official API and will be removed soon. Use object-assing ponyfill or something.

There is a typo in npm package description

https://www.npmjs.com/package/postcss-increase-text-sizes

I've just tried to use the code from the Basic Usage section and found the typo here:

require('postcss-increase-text-size')({

should be require('postcss-increase-text-sizes')({

Thanks!

Fatal error: [parse-css-font] Missing required font-size.

win10
npm 3.8.9
node 4.4.4

Don't round em/rem values