Skip to content Skip to main navigation Report an accessibility issue

Orange Mark

Documentation

Usage: Add a class to a block element to add a touch of orange. Specifically, a 90px orange block above the element. Use only in sidebars on websites to separate multiple elements

SPECIAL NOTES:

An element must have a parent that is positioned relative.

Example

Headline

Et dolores voluptatem cum necessitatibus sit sit. Architecto sunt repellendus est facilis corporis. Error ipsum eos quia quaerat in.


Et dolores voluptatem cum necessitatibus sit sit. Architecto sunt repellendus est facilis corporis. Error ipsum eos quia quaerat in.

Code

HTML
<h2 class="orange-mark">Headline</h2>

Et dolores voluptatem cum necessitatibus sit sit. Architecto sunt repellendus est facilis corporis. Error ipsum eos quia quaerat in.

<div class="widget orange-mark">

Et dolores voluptatem cum necessitatibus sit sit. Architecto sunt repellendus est facilis corporis. Error ipsum eos quia quaerat in.

</div>