Content

Een pagina bestaat altijd uit .content blokken. Binnen de contentvlak kun je de pagina beginnen met een intro .content__header. Je kunt het contentblok op de volgende manier aanpassen:

• Met een witte achtergrondkleur .content--background
• Met een extra witruimte voor contentpagina's .content--large-padding
• Content uitvullen zonder marge aan de zijkant .content--wide

Content Header

De meeste pagina's beginnen met een intro. Deze bevat de titel van de pagina met een korte introductie. De titel & de introductie paragraaf worden geplaatst in een header element met de class .content__header. Het intro blok bevat ook de eventuele .backlink.

Content extra witruimte

Op grotere schermen kan het wenselijk zijn een extra kolom witruimte aan de linker en rechter kant van het content vlak toe te voegen. Hiervoor moet op de .content tag een class worden toegevoegd .content--large-padding.

Content uitvullen

Voor o.a. medewerkersschermen kan het juist wenselijk zijn om minder witruimte tussen de verschillende content blokken te hebben. De padding aan de linker en rechter zijde van content blokken kan worden verwijderd door de modifier .content--wide toe te passen. Tabellen en componenten worden dan strak tegen de rand van het content vlak geplaatst.

Content met inpage

Wanneer je de inpage navigatie gebruikt is de modifier .content--inpage nodig. Zodat er maar één h1 op de pagina vetgedrukt is.