1.1.0 • Published 5 years ago

postcss-increase-text-sizes v1.1.0

Weekly downloads
2
License
MIT
Repository
github
Last release
5 years ago

Build Status

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

NameDefault ValueDescription
fontSizeMultiplyBy1.2All font-size properties will be multiplied by this option
lineheightMultiplyBy1.2All line-height properties will be multiplied by this option
selectorsBlackList[]Array of selectors which are to be ignored

Works great with:

PostCSS High Contrast