Accoutrement-Color provides essential color-management utilities. Organize all your colors into self-contained palettes, document color relationships directly in the code, automate WCAG-appropriate contrast checking, and generate color-palette documentation with Herman.
By storing all our colors in Sass maps, we can improve both organization and automation – making our color-palettes meaningful to both developers and the Sass language. Keep your colors in one place, generate palettes programmatically, check contrast-ratios, and loop through colors easily.
npm install accoutrement-color
Lightweight browser normalization. This is the only Accoutrement library with direct CSS output when imported.
Manage your color palettes in one place, and access them from anywhere with optional accessibility guidance from the WCAG.
Manage your webfonts, import them all with a single command, and access font-stacks on-the-fly, with utilities for generated content and accessibility.
Manage a system of consistent sizes to use across your project for typography, spacing, layout, and more. Generate sizes based on modular-scale ratios, and access sizes in any unit you need.
Layout utilities including named media-queries, shorthand positioning, fluid aspect-ratios, box-sizing, and float-clearing.