Marker

The marker utility adds styles to specific elements to provide emphasis.

Headings

When the marker utility class is added to headings, it provides emphasis in the form of an angle (on large headings, e.g. H1, H2, and H3) or a border (on medium and small headings, e.g. H4, H5, and H6).

Paragraphs & selection

When the marker utility class is added to a paragraph or selection (span, strong, or em), it provides emphasis in changing the text color to the global accent background color (blue by default).

Usage

To add a marker to a heading, paragraph, or selection, add the .cwf-marker class to it. In T4, highlight a heading, paragraph, or selection and select Format -> Formats -> t4_text-primary.

Examples

Headings

Larger headings (H1, H2, H3) use an angled element for emphasis, whereas medium (H4) and small headings (H5, h6) use a border to emphasize the text. H5's and H6's will display the border as dotted.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs & selections

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent consectetur sem nec pretium dignissim. Morbi varius nibh non lorem dictum lacinia sed at orci. Vivamus semper velit sagittis congue pretium. Vivamus vehicula, neque non porta volutpat, libero libero dignissim nulla, eu luctus purus nibh at lorem. In finibus id felis nec posuere. Suspendisse et sagittis orci, vel blandit neque. Sed libero sapien, fermentum sed tellus a, dictum malesuada ipsum. Phasellus ullamcorper velit non justo mattis, a mattis massa vehicula. Vivamus eu tellus pharetra, vestibulum purus quis, interdum urna. Fusce tempor nunc non ante eleifend hendrerit. Ut vulputate ante tortor, et posuere risus pellentesque sed. Maecenas et magna aliquam, gravida nulla non, bibendum est. Vestibulum tempus orci nec nulla sagittis, ac dictum nibh molestie. Sed dictum, elit at posuere vestibulum, sapien nisl lacinia tellus, at egestas sem augue auctor diam.

Ut orci leo, scelerisque vel neque nec, congue euismod mauris. Cras eu sapien ultricies, placerat tortor id, euismod libero. Duis vel viverra arcu, sed mattis mi. Proin lobortis, lorem hendrerit consectetur pellentesque, lectus lacus scelerisque augue, vitae suscipit massa arcu at ante. Donec nisi odio, auctor eu venenatis fringilla, sodales ac nulla. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque eros lectus, tincidunt a velit sed, feugiat porttitor sem. Proin vitae mauris mattis, congue odio nec, luctus libero. Praesent volutpat, diam sit amet commodo interdum, tortor ligula sollicitudin nulla, sit amet ullamcorper sem tortor quis tortor. Nullam scelerisque eleifend hendrerit. Maecenas facilisis, erat ac pretium tincidunt, elit nulla aliquet risus, in molestie leo ligula vitae nulla.