Components
Finite, discrete, implementation-specific parts of the interface.
Buttons
The .c-button component class is used for buttons, which are typically used to submit form data.
Charts
The .c-chart component class is used for tabular content that has been visually formatted to appear in the form of a chart. Currently, only horizontal bar charts are supported (.c-chart--hbar).
| Javascript: Bytes downloaded (requests) | |
|---|---|
| Before | 35.00 kB (2) |
| After | 1.28 kB (1) |
Embeds
The .c-embed component class is used for embedded content.
Videos
The .c-embed--video modifier is used when embedding video content, typically sourced from either Vimeo or YouTube.
Maps
The .c-embed--map modifier is used when embedding photographic content, typically sourced from MapBox.
Slide decks
The .c-embed--slidedeck modifier is used when embedding presentations, typically sourced from SpeakerDeck.
Screenshots
The .c-screenshots component class is used to display a combintion of desktop, tablet and mobile phone screenshots.
Meta information
The .c-meta component is used to display short snippets of summary content.
Ratings
The .c-rating component is used to display a score between 0 and 5, perhaps as part of a review.
Forms
The .c-form component class and child component classes, are used to display various forms used across the site.