Sass Docs
All the Accoutrement tools are built around a shared syntax, using Sass Maps to define “tokens” of various types:
$sizes: (
'root': 16px,
'gutter': 1em,
);
Tokens provide design abstractions, that can be easily reused across a product or design system. There are several reasons for this approach:
- Sass Maps provide a format that is readable by both humans & machines
- All related values are stored in a single variable, with explicit relationships intact
- We can build automation tools around meaningful token-groups, from font-imports to generated style guides
- Unlike YAML, JSON, and other object languages, Sass is a style language that understands the values involved, and provides specific tools for maintaining those values