Open Framework - Text

Summary

Megan Erin Miller — Thu, 01 Nov 2012 22:45:58 +0000

CSS Class:

.summary

How this is used:

The summary class is used to highlight an introduction line at the top of your content.

Example:

This line will summarize what goes below.

HTML Element:

Category:

Text

<p class="summary">This line will 
summarize what goes below.</p>

Caption

Megan Erin Miller — Wed, 24 Oct 2012 20:20:38 +0000

CSS Class:

.caption

How this is used:

The caption class is used for captions beneath images, or if you want a caption below a block of text (kind of like a footnote or sidenote). The class can be applied to a <p> tag, or to a wrapper <div> or <span>.

Example:

This is a caption.

This is another caption.

HTML Element:

div

span

Category:

Text

<p class="caption">This is a caption.</p>
<div class="caption">
   <p>This is another caption.</p>
</div>

Descriptor Text

Megan Erin Miller — Wed, 24 Oct 2012 16:16:49 +0000

CSS Class:

.descriptor

How this is used:

The descriptor class is used for descriptive information such as date, time, location, admission, etc. You can add this class to a tag (e.g. <p>) or to a wrapper (e.g. <span> or <div>).

Example:

July 21, 2012

Location
Free Admission

HTML Element:

div

span

Category:

Text

<p class="descriptor">July 21, 2012</p>
<div class="descriptor">
   Location<br />
   Free Admission
</div>