Premiere recette

assets/style.css

@@ -0,0 +1,130 @@
+:root {
+    font-family: sans-serif;
+}
+
+body > * {
+    width: 100%;
+    padding: 10px;
+    max-width: 1000px;
+    margin-left: auto;
+    margin-right: auto;
+    box-sizing: border-box;
+}
+
+p {
+    line-height: 1.25;
+}
+
+header {
+    max-width: 100%;
+}
+
+header a {
+    color: inherit;
+    text-decoration: none;
+}
+
+header a[href^=".."]::before {
+    content: "ᐊ";
+    display: inline-block;
+    margin-right: 1ex;
+}
+
+img {
+    max-width: 100%;
+}
+
+li {
+    margin-bottom: 1ex;
+}
+
+small {
+    display: block;
+}
+
+.ingredients h2 small {
+    text-transform: uppercase;
+    font-size: 0.6em;
+}
+
+.recette > h1:first-of-type {
+    text-align: center;
+    max-width: 600px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 50px;
+    margin-top: 50px;
+}
+
+.recette > h1:first-of-type + p {
+    text-align: center;
+    font-style: italic;
+    line-height: 1.5;
+}
+
+.recette > h1:first-of-type ~ section:first-of-type {
+    margin-top: 100px;
+}
+
+.recette .ingredients {
+    margin-bottom: 100px;
+}
+
+.recette > section {
+    margin-top: 50px;
+}
+
+.guide {
+    counter-reset: step;
+}
+
+.guide > article,
+.guide > p:not(.note) {
+    counter-increment: step;
+}
+
+.guide > article > p:first-of-type::before,
+.guide > p::before {
+    display: inline-block;
+    content: counter(step) ".";
+    margin-right: 1ex;
+}
+
+.guide > p:first-of-type:last-of-type::before {
+    content: "➔";
+}
+
+.guide > p.note::before {
+    content: unset;
+}
+
+a[href*="glossaire.html#"] {
+    color: inherit;
+    text-decoration: underline dotted 2px;
+}
+
+pre {
+    padding-left: 10px;
+    margin-left: 10px;
+    border-left: solid 1px black;
+}
+
+.index h1 {
+    text-align: center;
+}
+
+.index h1 + ul {
+    margin-top: 100px;
+}
+
+.index hr {
+    border: none;
+    width: 100%;
+    border-top: solid 1px black;
+    margin: 25px 0;
+}
+
+.index ul {
+    padding: 0;
+    list-style-type: none;
+}