Default strap

A horizontal container with a customisable background that sets the max-width on its content. It can also include the Lil Regie Mascot that sticks out the top.

Example

Open in a new window

Code sample

1
2
3
4
5
6
<div class="strap">
  <p>
    The quick brown fox jumps over the lazy dog.<br>
    Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs.
  </p>
</div>

Usage notes

Modifier classes include… .strap_alternate, .strap_alternate_primary, .strap_alternate_secondary.
Add a mascot by using the following data attributes… data-mascot-type="curious|wave" and data-mascot-position="left|center|right". See Mascot examples
Uses an abstract class, see below.

Source files