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

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