From 6c53f0e36ad67b8877f896a871c6e4c1fd8d0f78 Mon Sep 17 00:00:00 2001 From: Michael Boelen Date: Mon, 22 May 2023 11:15:31 +0200 Subject: [PATCH] Toevoegen sectie afbeeldingen en tip voor het kleuren van SVG-iconen --- content/website/stijlgids/index.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/content/website/stijlgids/index.md b/content/website/stijlgids/index.md index 9f2b7fa..ceed4c5 100644 --- a/content/website/stijlgids/index.md +++ b/content/website/stijlgids/index.md @@ -1,4 +1,5 @@ --- +author: Michael Boelen categories: - website date: 2023-05-20T23:19:44+02:00 @@ -44,3 +45,19 @@ De hoofdsecties van een pagina worden voorzien van H2. Op een doorsnee pagina is ### H3 en H4 Waar de content wat langer is kan het gebruik van H3 en zelfs H4 worden toegepast. + +## Afbeeldingen + +Op onze website gebruiken we een aantal verschillende type afbeeldingen: + +* Foto's van personen +* Iconen +* Logo + +### Iconen + +Waar mogelijk gebruiken we iconen in het SVG-formaat. Deze zijn compact en relatief eenvoudig te voorzien van kleuren in de huisstijl. + +Om de iconen te kleuren maken we gebruik van een CSS-filter. Aangezien hierbij het niet mogelijk om deze direct te kleuren aan de hand van de hex-waarde, worden deze omgezet. + +Tool: https://isotropic.co/tool/hex-color-to-css-filter/