Ordering of theme CSS files
Overview
Change the ordering of CSS files so that theme files can easily override core files.
Current behaviour
A theme can declare itself through a myextension.theme.php
file which is handled by the civix boilerplate using hook_civicrm_themes()
. If the theme is active it causes the theme's CSS files to be loaded in place of the default Greenwich theme.
Other CSS files like contactSummary.css
are loaded after the theme's CSS file making it difficult to override.
Proposed behaviour
Change the order so that theme CSS files are loaded after other core CSS so that theme files can do their job more easily.
Example
contactSummary.css
has:
#crm-container div.crm-summary-display_name {
font-size: 19px;
padding-bottom: 10px;
}
civicrm.css
(from Finsbury Park) has:
#crm-container div.crm-summary-display_name {
font-size: 1.4rem;
margin: 30px 0 20px;
line-height: 1.4rem;
}
The current ordering results in the theme's font-size being overridden by core.
Comments
Can someone point me to where the theme's CSS gets added to the page?