Wat is er veranderd?
In 21 Twig-templates stond een <style>-blok dat de .example-wrapper-klasse definieerde met hardcoded waarden:
.example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
.example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
Deze stijlen waren al correct en uitgebreider gedefinieerd in assets/styles/app.css, inclusief CSS-variabelen voor achtergrondkleur, border, border-radius en box-shadow. De inline blokken overschreven die betere definities met hardcoded waarden.
Waarom?
Onze frontend-richtlijnen schrijven voor dat alle CSS in assets/styles/app.css hoort. Inline <style>-blokken in templates maken het onderhoud lastiger en omzeilen het ontwerpsysteem met zijn CSS-variabelen.
Welke templates zijn aangepast?
De <style>-blokken zijn verwijderd uit templates in de mappen anders/ en drawing/, onder andere dashboards, HubSpot-overzichten, kleurplaatpagina's en creditpagina's. In totaal 21 bestanden.
Impact
Er is geen visuele wijziging voor gebruikers. De .example-wrapper-klasse in app.css bevat dezelfde layout-eigenschappen plus extra styling die door het ontwerpsysteem wordt aangestuurd.