[CIVIC-1937] Add page level styles into Drupal theme.

[alan-cole]

civictheme/uikit#392

Checklist before requesting a review

• I have formatted the subject to include ticket number as Issue #123456 by drupal_org_username: Issue title
• I have added a link to the issue tracker
• I have provided information in Changed section about WHY something was done if this was not a normal implementation
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have added tests that prove my fix is effective or that my feature works
• I have run new and existing relevant tests locally with my changes, and they passed
• I have provided screenshots, where applicable

Changed

1. A companion to [#392] Inline CSS dependencies. uikit#402 . Moves the page level styling into Drupal theme.

Screenshots

[AlexSkrypnyk]

Hi @alan-cole! Could you please explain why these cannot go to the UIKit PR (which looks really good). Is there some special case for these elements?

[alan-cole]

Thanks @AlexSkrypnyk

My thinking is that everything in the UI Kit (except for row and col) is namespaced to CT and applies only to CT elements. In the case of html and body these styles sit outside the CT namespacing and affect elements outside the UI Kit.

As UI Kit has gone to great lengths to scope it's styles, it seems the appropriate solution would be to either have these styles be applied outside the UI Kit (e.g. in the drupal theme), or to have them scoped as well (e.g. ct-html, ct-body) to keep consistency with the other styles.

Happy to hear thoughts or comments.