print style

assets/css/src/_print.scss

@@ -1,66 +1,42 @@
 @media print {
-  /* Hide header / footer infos. */
-
-  @page {
-    margin: 0;
-    size: auto;
-
-    @top-left {
-      content: none;
-    }
-    @top-right {
-      content: none;
-    }
-    @top-center {
-      content: none;
-    }
-
-    @bottom-left {
-      content: none;
-    }
-    @bottom-right {
-      content: none;
-    }
-    @bottom-center {
-      content: none;
-    }
-  }
-
-  .panel, nav {
+  .panel,
+  nav,
+  .toggle-light {
     display: none;
   }
 
-  /* regle du light mode dupliqué*/
-  :root {
+  :root,
+  [data-theme="dark"] {
     --color-background: #ffffff;
     --color-primary: #000;
-
     --color-secondary-rgb: 140, 140, 140;
     --font-weight-light: 240;
   }
   body {
-    padding-top: 4rem;
+    padding-top: 8rem;
     background-image: none;
     background-color: var(--color-background) !important;
   }
 
-  .minimized #inactuel{
+  .minimized #inactuel {
     transform: none !important;
     margin: 0 !important;
   }
-  #logo h1{
+  #logo h1 {
     display: grid;
     grid-template-columns: 100%;
     grid-template-rows: auto;
   }
-  #logo #actuel, #logo #inactuel{
+  #logo #actuel,
+  #logo #inactuel {
     grid-column: 1;
     grid-row: 1;
   }
   #logo #actuel {
     font-weight: 550;
     color: rgb(254, 250, 254) !important;
-    text-shadow: -1px 0 var(--color-primary), 1px 0 var(--color-primary), 0 -1px var(--color-primary),0 1px var(--color-primary);
+    text-shadow: -1px 0 var(--color-primary), 1px 0 var(--color-primary),
+      0 -1px var(--color-primary), 0 1px var(--color-primary);
     z-index: 100;
   }
   #logo #inactuel {
@@ -84,8 +60,12 @@
     text-decoration: none !important;
   }
 
+  #chapo {
+    page-break-after: always;
+  }
+
   article #main-content {
-    width: 60%;
+    width: 70%;
     margin: auto;
   }
 }

assets/css/src/_toggle-light-mode.scss

@@ -1,4 +1,4 @@
-.theme-toggler {
+.toggle-light {
   position: fixed;
   right: 0;
   bottom: 0;
@@ -11,7 +11,7 @@
   );
   z-index: 1;
 }
-.theme-toggler-icon {
+.toggle-light-icon {
   width: 1.2rem;
   height: 1.2rem;
 
@@ -20,14 +20,14 @@
   mask-size: cover;
   -webkit-mask-size: cover;
 
-  mask: var(--icon-theme-toggler) no-repeat center;
-  -webkit-mask: var(--icon-theme-toggler) no-repeat center;
+  mask: var(--icon-toggle-light) no-repeat center;
+  -webkit-mask: var(--icon-toggle-light) no-repeat center;
 }
 @media screen and (max-width: 640px) {
-  .theme-toggler {
+  .toggle-light {
     margin-bottom: calc((var(--unit--vertical) / 2) / 2);
   }
-  .theme-toggler-icon {
+  .toggle-light-icon {
     width: 1.1rem;
     height: 1.1rem;
   }