Skip to main content Skip to navigation Skip to search

App Layout

CSS

Application layout classes can be used to position and define areas of the Clarity application.

Classes

CSS Class Host Element(s) Type Description Required
.main-container div layout A vertical flexbox that wraps app level alerts, a .header element, an optional .subnav element and a .content-container. yes
.content-container div layout A layout container. It can container an optional .sidenav element and a required .content-area container. yes
.content-area div layout A container for page specific application content. yes