LineHeight

[guidesummary class=”area-lrg-topless”]The lineheight selector controls the vertical percentage height of content. The body determines the default line-height (typically 1.4). This selector can be used to override this height.[/guidesummary] [guidelabel]EXAMPLE: NO SELECTOR[/guidelabel][guidebox class=”corner spacein-lrg”]

Default Title

Default Subtitle

This paragraph and the headlines above doesn’t have any selectors applied to it to show the default line-height content would appear relative to the other versions shown below. Paragraph line-height is typically the same as the Body (possibly 1.4).

[/guidebox] [guidelabel]EXAMPLE: LINEHEIGHT-BODY[/guidelabel][guidebox class=”corner spacein-lrg”] [guidesummary]

• body (1.4)
• paragraph (1.4)

[/guidesummary]

LineHeight-Body

LineHeight-Body Subtitle

The lineheight-body selector is a selector created to apply to both the body and the paragraph due to the case that we consider “lineheight-default” to be the actual standard lineheight

[/guidebox] [guidelabel]EXAMPLE: LINEHEIGHT-DEFAULT[/guidelabel][guidebox class=”corner spacein-lrg”] [guidesummary]

• ul, ol, li (1.2)
• h1-h6 (1.2)

[/guidesummary]

LineHeight-Default

LineHeight-Default Subtitle

The lineheight-default selector applied to both the headline above and this paragraph uses the manually assigned default lineheight also applied to lists and headlines (possibly 1.2).

[/guidebox] [guidelabel]EXAMPLE: LINEHEIGHT-HALF[/guidelabel][guidebox class=”corner spacein-lrg”]

LineHeight-Half

LineHeight-Half Subtitle

The lineheight-half selector applied to both the headline above and this paragraph uses a 0.5 lineheight.

[/guidebox] [guidelabel]EXAMPLE: LINEHEIGHT-SINGLE[/guidelabel][guidebox class=”corner spacein-lrg”]

LineHeight-Single

LineHeight-Single Subtitle

The lineheight-single selector applied to both the headline above and this paragraph uses a 1.0 lineheight.

[/guidebox] [guidelabel]EXAMPLE: LINEHEIGHT-ONEHALF[/guidelabel][guidebox class=”corner spacein-lrg”]

LineHeight-OneHalf

LineHeight-OneHalf Subtitle

The lineheight-single selector applied to both the headline above and this paragraph uses a 1.6 lineheight (technically it’s a bit higher than one & a half but it’s relatively the same and easier to understand).

[/guidebox] [guidelabel]EXAMPLE: LINEHEIGHT-DOUBLE[/guidelabel][guidebox class=”corner spacein-lrg”]

LineHeight-Double

LineHeight-Double Subtitle

The lineheight-double selector applied to both the headline above and this paragraph uses a 2.0 lineheight.

[/guidebox]