diff --git a/sites/baseline/_scaffolding.scss b/sites/baseline/_scaffolding.scss index aec9e28262..ea27f600cb 100644 --- a/sites/baseline/_scaffolding.scss +++ b/sites/baseline/_scaffolding.scss @@ -20,6 +20,10 @@ html { main { font-size: 20px; line-height: 1.65em; + + * { + word-break: break-word; + } } // diff --git a/templates/content-page/content-en.md b/templates/content-page/content-en.md index a85cb5b7e8..f8b728f454 100644 --- a/templates/content-page/content-en.md +++ b/templates/content-page/content-en.md @@ -14,7 +14,7 @@ share: true

Add the CSS class name .cnt-wdth-lmtd to a sectioning element <section class="cnt-wdth-lmtd">...<section> inside the main content of your page. More guidance are provided in the Content and IA specification.

Section example with limited width content

-

Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.

+

Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. This is a very long word pneumonoultramicroscopicsilicovolcanoconiosis.

Call to action button

Add the CSS class name .btn-call-to-action to a your button or link that define the main call for action for a page. For example the initiation button/link in a service initiation pages. More guidance are provided in the Content and IA specification.

diff --git a/templates/content-page/content-fr.md b/templates/content-page/content-fr.md index b286fdf90a..b2bd4e57bf 100644 --- a/templates/content-page/content-fr.md +++ b/templates/content-page/content-fr.md @@ -13,7 +13,7 @@ share: true

Ajouter la classe CSS .cnt-wdth-lmtd à l'élément de section <section class="cnt-wdth-lmtd">...<section> à l'intérieur du contenu principal de votre page. De plus amples renseignements sont disponibles dans la spécification du contenu et de l'architecture de l'information pour Canada.ca.

Exemple de section avec une largeur de contenu limitée

-

Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.

+

Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Ceci est un très long mot intergouvernementalisationsintergouvernementalisations.

Bouton d'appel à l'action

Ajouter la classe CSS .btn-call-to-action à votre bouton ou lien qui definie l'appel à l'action principal de la page. Par example le bouton ou le lien de lancement d'une page de lancements d'un service. De plus amples renseignements sont disponibles dans la spécification du contenu et de l'architecture de l'information pour Canada.ca.