Component Cheatsheet

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

When wysiwyg isn't true. Your formatting friend the clearfix. Place this code in the source if you have overlapping, non-breaking elements in the wysiwhg editor.

<div class="clearfix"></div>

Maroon button Outline button

Give button style

Unordered list

• Consectetur adipiscing elit
  • Sub bullet one
  • Sub bullet two
• sed do eiusmod tempor incididunt
• ut labore et dolore magna aliqua

Ordered list

1. consectetur adipiscing elit
   1. Indent one
   2. Indent two
2. sed do eiusmod tempor incididunt
3. ut labore et dolore magna aliqua

Block quote use "" quotes

Text Formatting

Lorem ipsum dolor sit amet, consectetur adipiscing elit, this is a contextual link tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Links

Create text in the editor. Select the text and then click the link button in the editor. Start typing in the URL field and Drupal will auto suggest to link to content pages (nodes) or media - files and documents. Select the correct item and click the checkmark to save. Check that your link is properly linked.  Use contextual links. Avoid using "click here" and "read more" for links. 

Images and Formatting

Lorem ipsum dolor sit amet, consectetur adipiscing elit, this is a contextual link tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Caption Off Align Left Wrap

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Caption Off Align Right Wrap

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.