initial commit

assets/style-print.css

@@ -0,0 +1,81 @@
+/* NE PAS TOUCHER CE CODE ------------------------------------- */
+/* ---------------------------------------------------------- */
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    -webkit-font-smoothing: antialiased;
+    -moz-font-smoothing: antialiased;
+    -o-font-smoothing: antialiased;
+}
+a {
+    color: currentColor;
+}
+
+#btn-print{
+    display: none;
+}
+
+
+/* CODE POUR LA PAGE ----------------------------------------- */
+/* ---------------------------------------------------------- */
+
+
+@page{
+    size: 148mm 210mm;
+    margin-top: 10mm;
+    margin-bottom: 10mm;
+}
+
+@page:left{
+    margin-left: 10mm;
+    margin-right: 12mm;
+    @left-middle{
+        content: counter(page);
+    }
+}
+
+@page:right{
+    margin-left: 12mm;
+    margin-right: 11mm;
+    @right-middle{
+        content: counter(page);
+    }
+}
+
+@page:first{
+    @top-left-corner { content: none; }
+    @top-left { content: none; }
+    @top-center { content: none; }
+    @top-right { content: none; }
+    @top-right-corner { content: none; }
+    @left-top { content: none; }
+    @left-middle { content: none; }
+    @left-bottom { content: none; }
+    @right-top { content: none; }
+    @right-middle { content: none; }
+    @right-bottom { content: none; }
+    @bottom-left-corner { content: none; }
+    @bottom-left { content: none; }
+    @bottom-center { content: none; }
+    @bottom-right { content: none; }
+    @bottom-right-corner { content: none; }
+}
+
+.couverture{
+    break-after: page;
+}
+
+
+/* VOTRE CODE ------------------------------------------------ */
+/* ---------------------------------------------------------- */
+
+:root{
+    font-family: 'Sentient';
+    font-size: 14px;
+}
+
+figure, img{
+    width: 200px;
+}

assets/style-screen.css

@@ -0,0 +1,23 @@
+@import "modules/base.css";
+
+#btn-print{
+
+    color: IndianRed;
+    border: 2px solid currentColor;
+    background: Lavender;
+    font-size: 30px;
+    border-radius: 10px;
+
+    a{
+        color: currentColor;
+        text-decoration: none;
+        padding: 0.75ch 1ch;
+    }
+
+    
+}
+
+
+figure, img{
+    width: 200px;
+}