Layouts

Layouts are templates that achieve a specific appearance through HTML-structures and CSS-styling, and more broadly are subservient to Components. If you were to examine the code of the Scholar-theme, you would notice that there are preciously few Layouts - as most templates build from other templates and implement smaller parts of them to reduce repetition. Each Layout is also not dependant on a Style - its basic structure is defined apart from the Style, so you can rapidly bootstrap a new look for it.

The theme follows the "mobile first" methodology to scale the layouts up for higher viewport widths. The breakpoints closely resemble those used by the popular Bootstrap CSS-framework:

• Extra small: 320px
• Small: 576px
• Medium: 768px
• Large: 992px
• Extra large: 1200px
• Extra extra large: 1600px