Chapitre 19 Modifier le CSS

Vous pouvez commencer à modifier vos fichiers css et voir le résultats immédiatement.

Les 3 fichiers correspondent aux éléments suivants :

• custom-fonts.css correspond aux polices de caractères
• custom-page.css correspond aux paramètres de la page (format de la page, orientation,…)
• custom.css intègre entre autre la façon dont les pages sont affichées à l’écran (couleur de fond, espacement entre les pages…)

{pagedreport} est un package permettant de simplifier l’appropriation de pagedown, et notamment évite de devoir rentrer tout de suite dans une modification du css.

Il n’est pas encore sur le cran, pour l’installer :

remotes::install_github("rfortherestofus/pagedreport)

{pagedreport} vous simplifie l’utilisation de pagedown en proposant trois templates avancés paramétrables via de nouvelles options à intégrer dans le yaml :

• paged_grid::logo vous permet d’ajouter le logo de votre institution à votre rapport
• paged_grid::logo vous permet d’ajouter le logo de votre institution à votre rapport
• paged_grid::front_img et paged_grid::back_img vous permettent de choisir deux images pour la première et la quatrième de couverture.
• main-color et secondary-color vous permette de choisir les couleurs principales et secondaires de votre document.
• main-font et header-font vous permettent de choisir une police de caractère pour le texte et vos titres. Si google-font est à TRUE, vous pouvez sélectionner toute police disponible sur google font.

subtitle: "Au 1er juin 2021"
author: "Guillaume RRRRRozier"
date: "11 juin 2021"
output: 
    pagedreport::paged_grid:
      logo: "https://upload.wikimedia.org/wikipedia/fr/7/72/Logo_du_Gouvernement_de_la_R%C3%A9publique_fran%C3%A7aise_%282020%29.svg"
knit: pagedown::chrome_print
toc-title: "Sommaire"
main-color: "#000091"
secondary-color: "#000091"
google-font: TRUE
main-font: "Open Sans"
header-font: "Open Sans"