FDND Style Guide

Omdat we heel veel verschillende pagina's op dezelfde manier willen vormgeven.

Work in progress

Deze pagina bevat ideeen die nog uitgewerkt moeten worden.

Blokken over meer kolommen

2 koloms (.col-span-2)

3 koloms (.col-span-3)

Blokken over meer rows

2 rows (.row-span-2)

Andere vormen

citaatblok met grotere tekst

rounded of pilled hoekjes (.rounded, .pilled)

outset title rechts of links (.title-outset, .title-outset-left, .title-outset.right) (voor rounded én pilled)

kleine of grote gap in een bepaalde hoek (.smallgap-top-left, .largegap-top-left, etc.)

gap elementen met iconen (en kleur bepalen)

border collapse waarbij elementen in elkaar schuiven op basis van gaps. Bijvoorbeeld elementen met .smallgap-bottom-right + .smallgap-top-left