Technologie
Bootstrap 5
De CIBG Huisstijl is een aangepaste build van Bootstrap (5.2.0). De aanpassingen voor het CIBG zijn deels gemaakt door de standaard Bootstrap variabelen te overschrijven en deels door de styling uit te breiden en specifieker te maken.
Voordeel hiervan is dat voor het toevoegen van interactie in het Design System gebruik gemaakt kan worden van de Javascript van Bootstrap Opent in nieuw venster. Deze Javascript bestanden zijn geen onderdeel van de CIBG Huisstijl en moet je zelf importeren. Wanneer je de Huisstijl en de HTML-componenten gebruikt in frameworks zoals bijvoorbeeld Angular, React of Vue dan gebruik je meestal niet de javascript bestanden van Bootstrap.
Kickstarter
Wanneer je het Design System gebruikt in de ontwerpfase van je project dan kun je gebruik maken van onze Kickstarter. Hierin zit een package.json bestand waarmee je eenvoudig alle dependencies installeert.
Naamconventie
De CIBG Huisstijl gebruikt (nog) geen stricte naamconventie. Op termijn willen we overgaan naar meer betekenisvolle naamgeving zoals BEM.
Sass
In de bron van de CIBG Huisstijl wordt gebruik gemaakt van Sass. Aangezien je als afnemer niet met de bronbestanden werkt maakt dit in principe voor de afnemer niet uit. Mocht je echter uitbreidingen maken en hierbij gebruik maken van het _variables.scss bestand, dan is het aan te raden om dezelfde technologie te gebruiken.