PostCSS Increase Text Sizes

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