# Cover

Place any text as a cover from an image.

# Elements

The Cover Object has 1 element:

• o-cover__body

# Usage

<div class="o-cover">
  <div class="o-cover__body">Lorem ipsum dolor sit amet</div>
</div>

# Size modifiers

Use the size modifiers to adapt the gap between the elements.

# Usage

# .o-cover--flush

# .o-cover--tiny

# .o-cover--small

# .o-cover--large

# .o-cover--huge

# Alignment modifiers

Use alignment modifiers to change the elements' alignment.

# .o-cover--top

# .o-cover--bottom

# .o-cover--left

# .o-cover--right