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
De class .content-background
wordt in versie 6.0 niet meer ondersteund.
Deze is vervangen door .content--background
en deze plaatst je naast .content
. Op deze manier .content .content--background
.
De div met .content-background
is overbodig en kun je verwijderen.
Subkop
Inhoud van de pagina
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
.
Titel
Intro tekst
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
.
Subkop
Inhoud van de pagina
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.
De class .content--compact
wordt in versie 6.0 niet meer ondersteund.
Je kunt .content--wide
gebruiken. Op deze manier .content .content--wide
. Deze heeft dezelfde functie als .content--compact
.
Type | Inhoud | Begindatum | Einddatum |
---|---|---|---|
School | 100A001 | 02-02-2002 | 02-02-2022 |
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.
Hoofdkop
Inhoud van de pagina