Site

Provides control over the global structure of the site.

This component defines the main structure of the site, eg. Header, Content and Footer.

By default, the site object implements the sticky footer pattern. This pattern sticks the footer to the bottom of the browser window when there is not enough content to push it down further.

Usage

To demonstrate this, click the button below and see how the footer sticks to the bottom of the window.

<body class="o-site">
  <header class="o-site__header">...</header>
  <main class="o-site__content">...</main>
  <footer class="o-site__footer">...</footer>
</body>

Classes

Class	Description	Type
`.o-site`	Object component	Component
`.o-site--collapse`	Removes the default padding between the content area and the header and footer.	Component modifier
`.o-site__header`	Component element for the site header	Sub-element
`.o-site__content`	Sub-element for the site content	Sub-element