th-canadaday - Méli-mélo details

Background colours used for the Canada Day campaign

Sponsored by: PCH - Nick Frenette (@nfrenette)

Examples

• Canada Day theme

Thematic definition

Class CSS list

• bg-canadaday
• panel-canadaday
• brdr-canadaday
• bg-canadaday-beige
• canadaday
• panel-canadaday-card
• panel-canadaday-card-compact

JavasScript function list

Implementation note

The following notes must be applied when implementing this thematic to ensure it follows the principle of progressive enhancement. These instructions must be followed so that the web page stays functional and conforming after the expiration date and removal of this thematic.

• The bg-canadaday class must be accompanied with another dark contrast background colour such as bg-dark
• The panel-canadaday class must be accompanied with a fall back color such as panel-default
• Use bg-canadaday-beige with standard text colour to ensure sufficient contrast between text and background

Accessibility statement