Feature v4

Content group containing media element + text that outsets its container at a specific breakpoint.

How to

The Feature v4 component allows you to target text elements and increase their width to overlap the media element.

The .feature-v4__text-offset@{breakpoint} class is applied to the elements whose width you want to affect. 

Modify the --feature-text-offset custom property to set how much wider the outset elements should be in relation to their parent.

.feature-v4 {
  --feature-text-offset: 50%;
}

🌅 Photo by Bench Accounting on Unsplash.

Categories

• Content and Layout > Features

Bug report & feedback

Component Github page ↗