Open Source

Accoutrement-Scale

Manage sizes and modular-scales in Sass

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.

‘npm package’ ‘build status’

Organize named modular-scales and generate text/component sizes along any scale, with built-in unit-conversion, and calc()-generating options. Integrate with Herman to generate scale-previews for an automated pattern library.

npm install accoutrement-scale

Accoutrement Modules

OddBird’s Accoutrement toolkits are designed around the idea that code should be meaningful to both humans and machines – opening the door for automation, while improving readability. These tools integrate with Herman, our automated pattern-library generator.

Init

Lightweight browser normalization. This is the only Accoutrement library with direct CSS output when imported.

Color

Manage your color palettes in one place, and access them from anywhere with optional accessibility guidance from the WCAG.

Type

Manage your webfonts, import them all with a single command, and access font-stacks on-the-fly, with utilities for generated content and accessibility.

Scale

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

Layout utilities including named media-queries, shorthand positioning, fluid aspect-ratios, box-sizing, and float-clearing.


Start the conversation…

Interested in a chat with Miriam to find out more? Ask us anything; we’re happy to answer your questions, big or small. If your business is a good fit, we’ll offer a free in-depth project assessment!

Schedule a call with Miriam