th-canada-strong - Détails du méli-mélo

Styles used for the Canada Strong campaign

Parrainé par: Principal Publisher on behalf of the Privy Council Office

Exemples

• Canada Strong theme
• Thématique Un Canada fort
• Landing page layout
• Gabarit de page d'accueil
• Support page layout
• Gabarit de page de soutien

Définition de la thématique

Liste des class CSS

• canada-strong
• hero (scope: canada-strong)
• title-bar (scope: canada-strong)
• card-audience (scope: canada-strong)
• card-support (scope: canada-strong)
• end-page-promo (scope: canada-strong)
• support-banner (scope: canada-strong)

Liste des fonctions JavaScript

Note d'implémentation

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 end-page-promo class is placed in a full-width section using the bg-light and py-3 classes for the grey band.
• The card-support class must be accompanied with the panel and panel-default classes.
• The support-banner class must be accompanied with the panel class.
• The hero background image is decorative. Use data-bgimg-srcset with the no-image value at 1199w to remove it on screens narrower than 1200 pixels.

Énoncé d'accessibilité

L'énoncé d'accessibilité est présentement manquante.