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

Background colours used for NRCan's ZEV campaign

Sponsored by: NRCan - Eric Goodwin (@auxonic)

Examples

• Zero Emission Vehicles (ZEV) Theme

Thematic definition

Class CSS list

• bg-zev-purple
• bg-zev-green
• btn-zev-purple
• btn-zev-green
• panel-zev-green
• panel-zev-purple

JavasScript function list

Implementation note

Les notes suivantes doivent être appliquées lors de l'implémentation de cette thématique afin de s'assurer qu'elle soit utilisé selon le principe de l'amélioration progressive. Ces instructions dois être suivi afin que la page web demeure fonctionnelle et conforme après la date d'expiration et du retrait de cette thématique.

• The bg-zev-purple class must be accompanied with another dark contrast background colour such as bg-dark
• Use bg-zev-green with standard text colour to ensure sufficient contrast between text and background
• Use bg-zev-purple with text-white colour to ensure sufficient contrast between text and background
• The panel-zev-purple or panel-zev-green class must be accompagnied with a fall back colour such as panel-default
• The btn-zev-purple or btn-zev-green class must be accompagnied with a fall back colour such as btn-default

Accessibility statement