Use custom CSS reset ?

[martinbroos]

We gebruiken nu normalize 7.0 inmiddels is ook 8.0 uit wat een breaking change zou zijn.
Daarnaast gebruiken we ook een custom reboot die ook weer bepaalde velden reset. Ik vraag me af of we niet beter uit kunnen gaan van een custom reset.
Zo niet dan moeten we wel normalize bij houden.

Wat me aan het denken heeft gezet:
https://dev.to/hankchizljaw/a-modern-css-reset-6p3

Wat denken jullie ?

[rbastiaansen]

Eens. Die reset uit het artikel ziet er wel goed uit. Normalize 8.0.1 is ook alweer bijna 2 jaar oud zag ik.

[RogierZeebregts]

Ja, eens ook. Ziet er goed uit, die Reset

[martinbroos]

Laten we dat eens uit gaan proberen dan, combinatie van die reset met wat wij al in onze reboot hadden zitten.

[RogierZeebregts]

@martinbroos Laat maar weten als ik/we ergens mee kunnen kijken/testen

[martinbroos]

Bootstrap 5 gebruikt alleen de reboot op basis van normalize.css maar dan zonder de IE10 / IE11 resets. Lijkt me ook prima om onze reboot zo aan te passen.

https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss

Een ander alternatief:

https://github.com/csstools/sanitize.css

[martinbroos]

Andere insteek zou kunnen zijn om de reset te laten vervallen als onderdeel van Maat.css zodat je dit in het project meer eigenaarschap over krijgt. Omdat het zo high level is zou er bij maat.css nu ook altijd een breaking change ontstaan als je iets zou aanpassen.

In dit artikel word dat verder toegelicht en staat ook een wat nieuwere insteek van een reset.

https://www.joshwcomeau.com/css/custom-css-reset/