Generate the nearest accessible color with Sass.
$ npm install sass-a11ycolor
@import node-modules/sass-a11ycolor/dist/index
body {
color: AU-a11ycolor( red, blue );
}
this will compile to:
body {
color: #ffa3a3;
}
The function AU-a11ycolor
takes three parameters:
AU-a11ycolor( $toMakeA11y, $background, $ratioKey: 'small' );
$toMakeA11y
- The color that is to be changed$background
- The background color. Used to check the contrast ratio$ratioKey
- The keyword 'small' or 'large' to set the WCAG 2.1 contrast ratio to 3.0 (large) or 4.5 (small)
- v2.0.1 - Updating docs, dependencies and spacing
- v2.0.0 - Binary search, remove steps
- v1.1.0 - Moving to
sass
fromnode-sass
for tests - v1.0.4 - Updating dependencies
- v1.0.3 - While loop makes old code unecessary
- v1.0.2 - Stoping iteration if the color is accessible
- v1.0.1 - Fixing issues with the a11ycolor function
- v1.0.0 - First release