CodyHouse Framework + Components are featured on Product Hunt! Join the discussion →

Projects

Progress value is 30%

Feature v4

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

Copy: View demo

Dependencies

All components are built upon the CodyHouse Framework.

If you're using this component, you should also include the SCSS/JS of the following components:

This component includes variations. All variations share the same SCSS/JS code. They only differ in the HTML part.

How to

The Feature v4 component is a variation of the feature component. It allows you to target text elements and increase their width to overlap the media element.

The component needs two classes: the .feature--text-offset class is applied to the .feature element. The [email protected]{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.

:root {
  --feature-text-offset: 50%;
}

🌅 Photo by Bench Accounting on Unsplash.

Changelog

  • ✅ Component created
    🗓 August 29, 2019

Bug Report & Feedback

Get in touch: suggest a component or report a bug.

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us