Overlay Utilities

Make an element overlay its container by adding overlay utilities.

Example

Add the ._overlay utility class to an element to make it cover the entire containing block. The containing block refers to a parent element with position: relative;.

Overlay Utility Example
This text is covered by an element with an overlay helper class.

Add the ._overlay-link utility class to a link to make the entire containing block clickable using a ::after pseudo element. In most cases, the containing block refers to the parent element with position: relative;.

Link Overlay Utility Example
Some quick example text to build on the card title and make up the bulk of the card's content. Example Link