Skip to content

govau/sass-a11ycolor

master
Switch branches/tags
Code
This branch is 2 commits ahead, 40 commits behind alex-page:main.
Contribute

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

🌈 Sass-A11yColor Build Status

Generate the nearest accessible color with Sass.

Install

$ npm install sass-a11ycolor

Usage

@import node-modules/sass-a11ycolor/dist/index

body {
	color: AU-a11ycolor( red, blue );
}

this will compile to:

body {
	color: #ffa3a3;
}

Parameters

The function AU-a11ycolor takes four parameters:

AU-a11ycolor( $toMakeA11y, $background, $ratioKey: 'small' );
  1. $toMakeA11y - The color that is to be changed
  2. $background - The background color to for the contrast
  3. $ratioKey - The keyword 'small' or 'large' to set the WCAG 2.1 contrast ration or 3.0 or 4.5

Release History

  • v2.0.0 - Binary search, remove steps
  • v1.1.0 - Moving to sass from node-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

About

🌈 Generate the nearest accessible color with Sass.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 75.4%
  • JavaScript 24.6%