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