Sass Accoutrement

OddBird’s accoutrement modules are individual Sass toolkits that work together to form the central configuration of a project. The tools can be used individually, or integrated for extra power.

(Both accoutrement-color and accoutrement-scale provide extra features when combined with the MathSass library.)

Color Module

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

Init Module

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

Layout Module

Layout tools to help you manage media-queries, positioning, fluid aspect-ratios, box-sizing, and float-clearing.

Scale Module

Manage a palette of consistent sizes to use across your project for typography, spacing, layout, and more. Create sizes based on modular-scales or other calculations, and access sizes in any unit you need.

Type Module

Manage your font palettes in one place, import them all with a single command, and access font-stacks on-the-fly, with helpers for generated content and accessibility.

Let’s Build Something Together!

We want to hear all about your software ideas. Fill out our contact form, join our public Slack chat, or tweet @oddbird to start the conversation.