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.

Photos

The .c-embed--photo modifier is used when embedding photographic content, typically sourced from Flickr.

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.

EXIF data

The .c-exif component class is used to display the EXIF data found within an image file.

Quadriga atop the Brandenburg Gate

Date taken
Model
Canon EOS 450D
Aperture
f/5.0
Exposure
1/50
Film speed
ISO800
Focal Length
41.0 mm

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.

Rated 3 out of 5 stars

Forms

The .c-form component class and child component classes, are used to display various forms used across the site.

Contact