Getting Started

The Mutual of Omaha Design Guide Toolkit (Toolkit) is an interface component library with which to build websites and applications.

Just like Twitter's Bootstrap or Zurb's Foundation, Toolkit should be considered the starting point, a style and component baseline for implementing common layout patterns and interactivity. Toolkit differs from other such frameworks in that it is modular and adheres to the SUITCSS methodology, which is focused on protecting maintainability and extensibility. SUITCSS is not a CSS framework, library, or set of tools, but an interface architecture methodology based on a naming convention and a set of computer science principles.

Toolkit is built, then, as a modular, mobile-first, object-oriented (OOCSS) library. In many cases (assuming adherence to design guide standards), you will be able to develop a webpage or app without needing any custom or one-off code.

SUITCSS-specific documentation:

• Design Principles
• Naming Conventions

Usage

• Via CDN:
  • Stylesheet
• Via NPM & Github (Custom component selection, build via Grunt)
  • Note: Requires a Github account and read access to private Mutual of Omaha repositories.
  • Follow instruction on Mutual of Omaha Design Guide