Add a resets file / section to core CSS. List necessary resets here
Opening this as an issue rather than PR in order to gather sufficient number of resets needed before creating a single place in the CSS folder to put them.
CMS admin themes sometimes clash with Civi's CSS. For e.g. Claro (default admin theme in D9+) does this:
td {
height: 4rem;
}
which makes Civi tables look like this:
Instead of
(reset with .crm-container td {height: inherit;}
). These resets will be needed in core and any Civi themes.
Some things are smaller, e.g. the new SearchKit UI on Claro looks like this:
because of the following non-namespaced CSS that ships in Claro:
.panel {
margin-block: 1em 3em;
…
which can be reset with putting at the top of Civi's css:
.crm-container .panel {
margin-block: 0;
…