A repository to hold all CSS resets/normalisation from past and present email clients.
The aim of these CSS files is to record CSS in use by email developers to normalise the behaviour of HTMl elements across email clients.
There are two types of CSS -
- General CSS normalisation - CSS that will affect change needed across email clients to normalise behaviour.
For example: table { border-collapse: collapse; }
With all emails currently needing to include the table HTML element, even if only for Outlook, the overall normalisation to collpase table borders will stop gaps appearing between tables and cells.
- Email client specific CSS that will reset/override specific styles an email client will force on HTML elements.
For example: body[data-outlook-cycle] a { color: inherit !important; text-decoration: none !important; }
The above CSS targets the Outlook apps on Android and iOS devices which change links to blue and add an underline, without the email developer adding those attributes. This CSS 'reset' sets the color to inherit from the parent element and not to have an underline.
Two main files -
Old CSS resets
Current CSS resets/normalisation
I would love anyone to send updates / pull requests with any CSS resets they find in old templates or know of?