Documentation

Documentation and fixtures are used to create a living styleguide to help develop and test your application.

See the Pen Module Example by Jason Bellamy (@jasonbellamy) on CodePen.

How does it work?

Documentation is created by prepending a name, description, category, and a fixture reference before your classes and by creating a fixture that shows how your classes should be used.

How do I structure their files & folders?

Fixtures should be placed inside of the tests/fixtures directory located at the root of each specific layout, module, unit and page folder.

units
└── unit
    ├── _index.scss
    └── tests
        ├── baselines
        │   └── unit.png
        ├── fixtures
        │   └── unit.hbs
        └── unit.js

Notes