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 |