Accoutrement-Scale provides size-management utilities. Gather all your sizes into organized maps, generate new sizes based on modular scale ratios or arbitrary functions, access sizes by name, and automate scale previews in Herman.
Organize named modular-scales
and generate text/component sizes along any scale,
with built-in unit-conversion,
Integrate with Herman to generate scale-previews
for an automated pattern library.
npm install accoutrement-scale
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.