style: améliore le rendu des citations

- Améliore le rendu des citations.
- Paramètre la couleur des surlignements (`<mark>`).
- Donne un exemple de surlignement dans les slides.
- Harmonise les modifications de la couleur bunige pour utiliser à
  chaque fois la transparence.

Co-Authored-by: iGor milhit <igor@milhit.ch>

sources/slides/slides.md

@@ -143,11 +143,17 @@ Avec un degré de transparence de [`0.5`]{.bunige-code-inline}
 
 ---
 
-## Citation
+## Citation 1
 
-Selon Pochet, … [@pochetMarkdownVous2023].
+> Sauf exceptions, l’écriture est maintenant numérique et suppose des
+compétences nouvelles [...].
+>
+> Il est important, à ce stade, de se poser la question du <mark>choix des outils</mark>
+> [@pochetMarkdownVous2023].
 
-Alors qu'Ovadia, … [@ovadiaMarkdownLibrariansAcademics2014].
+## Citation 2
+
+Alors qu'@ovadiaMarkdownLibrariansAcademics2014 prétend plutôt que.
 
 ---
 

src/scss/bunige.scss

@@ -15,6 +15,7 @@ $smaller-font-size: $main-font-size * 0.6;
 // The background color inversed is used for the inline code block.
 // The color inversed is used for the inline code block.
 $background-color-inversed: $bunige-color;
+$background-color-inversed-light: color.change($background-color-inversed, $alpha: 0.7);
 $main-color-inversed: #fff;
 
 @use "node_modules/reveal.js/css/theme/template/settings" with (
@@ -26,8 +27,8 @@ $main-color-inversed: #fff;
   $heading-font: "'Source Sans Pro', Helvetica, sans-serif",
   $heading-font-weight: 600,
   $link-color: $bunige-color,
-  $link-color-hover: color.scale($bunige-color, $lightness: 15%),
-  $selection-background-color: color.scale($bunige-color, $lightness: 25%),
+  $link-color-hover: color.change($bunige-color, $alpha: 0.5),
+  $selection-background-color: color.change($bunige-color, $alpha: 0.7),
 
   $heading1-size: 2.5em,
   $heading2-size: 1.6em,
@@ -49,6 +50,7 @@ $main-color-inversed: #fff;
 :root {
   --r-bunige-color: #{$bunige-color};
   --r-background-color-inversed: #{$background-color-inversed};
+  --r-background-color-inversed-light: #{$background-color-inversed-light};
   --r-main-color-inversed: #{$main-color-inversed};
 }
 
@@ -71,6 +73,19 @@ $main-color-inversed: #fff;
     padding: .2em .2em 0 .2em;
   }
 
+  mark {
+    box-decoration-break: clone;
+    background-color: var(--r-background-color-inversed-light);
+    color: var(--r-main-color-inversed);
+    padding: 0 .3em;
+  }
+
+  ul {
+    li {
+      list-style-type: "– ";
+    }
+  }
+
   //Style the figure and figcaption blocks.
   figure {
     max-width: 80%;
@@ -193,8 +208,27 @@ $main-color-inversed: #fff;
 
   blockquote {
     text-align: left;
+    box-shadow: none;
   }
 
+  blockquote::before {
+    content: "«";
+    font-size: 10rem;
+    color: lightgrey;
+    position: absolute;
+    left: -.5em;
+    top: -.5em;
+  }
+
+  blockquote::after {
+    content: "»";
+    font-size: 10rem;
+    color: lightgrey;
+    position: absolute;
+    bottom: -.5em;
+  }
+
+
   .citation {
     font-size: smaller;
   }

static/css/bunige.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/scss/bunige.scss","../../node_modules/reveal.js/css/theme/template/settings.scss","../../node_modules/reveal.js/css/theme/template/theme.scss","../fonts/source-sans-pro/source-sans-pro.css"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACmDA;EAEC;EACA;EAGA;EACA;EACA;EAGA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAGA;EACA;EACA;EAGA;EACA;EAIA;EACA;;;AC5FD;AAAA;AAAA;AAIA;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;;;AAGD;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;;AAGD;AACA;AAAA;AAAA;EAGC;EACA;;;AAED;AAAA;EAEC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;EAGC;EAEA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAAA;EAIC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAED;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EAEA;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;;;AAGD;AAAA;AAAA;AAGA;EACC;IACC;;;ACxUF;EACI;EACA;EACA;EAGA;EACA;;AAGJ;EACI;EACA;EACA;EAGA;EACA;;AAGJ;EACI;EACA;EACA;EAGA;EACA;;AAGJ;EACI;EACA;EACA;EAGA;EACA;;AHWJ;EACE;EACA;EACA;;;AAGF;EAIE;EACA;EACA;EACA;;AAKA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE,WAzEc;;AA+EhB;EACE;;AAMJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA,WAhGgB;EAiGhB;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAIF;EACE;;AAGF;EACE;EACA;;AAII;EACE;;AAEF;EACE;;AAOF;EACE;;AAEF;EACE;;AAQR;EACE;EACA;;AAEA;EACE;;AAEA;EAEE;;AAQN;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;;AAMA;EACE;EACA;;;AAYJ;EACE","file":"bunige.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/scss/bunige.scss","../../node_modules/reveal.js/css/theme/template/settings.scss","../../node_modules/reveal.js/css/theme/template/theme.scss","../fonts/source-sans-pro/source-sans-pro.css"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACmDA;EAEC;EACA;EAGA;EACA;EACA;EAGA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAGA;EACA;EACA;EAGA;EACA;EAIA;EACA;;;AC5FD;AAAA;AAAA;AAIA;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;;;AAGD;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;;AAGD;AACA;AAAA;AAAA;EAGC;EACA;;;AAED;AAAA;EAEC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;EAGC;EAEA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAAA;EAIC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAED;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EAEA;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;EACA;;;AAGD;AAAA;AAAA;AAGA;EACC;IACC;;;ACxUF;EACI;EACA;EACA;EAGA;EACA;;AAGJ;EACI;EACA;EACA;EAGA;EACA;;AAGJ;EACI;EACA;EACA;EAGA;EACA;;AAGJ;EACI;EACA;EACA;EAGA;EACA;;AHYJ;EACE;EACA;EACA;EACA;;;AAGF;EAIE;EACA;EACA;EACA;;AAKA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE,WAxFc;;AA8FhB;EACE;;AAMJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA,WA/GgB;EAgHhB;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAIF;EACE;;AAGF;EACE;EACA;;AAII;EACE;;AAEF;EACE;;AAOF;EACE;;AAEF;EACE;;AAQR;EACE;EACA;;AAEA;EACE;;AAEA;EAEE;;AAQN;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;;AAMA;EACE;EACA;;;AAYJ;EACE","file":"bunige.css"}