Go to top of page

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Stress Test: Edgy

This page demonstrates how our standard "view modes" operate in an Edgy design. You will observe that they all responsive, working well on a variety of screen sizes. We have also added so "breakout" Paragraphs into the mix where there is no "container" confining the content to a certain width. This allows the items to breakout and take up the full amount of horizontal width.

Editors can be confident that the items they pull in will display correctly no matter the content type, the view mode, the view port or whether the content is in "breakout" mode. This will free up editors to concentrate on content: referencing nodes and beans they wish to pull in. They can be confident that the system will handle the layouts no matter what they throw at it.

Stack

stack viewmode in breakout paragraph

tile viewmode in breakout paragraph

Snippet

snippet in breakout paragraph

Wild tile in breakout paragraph

Teaser

Teaser in breakout paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum