Add a mixin for markdown

backend/scss/main.scss

@@ -6,6 +6,7 @@ $dark-theme: false !default;
 @use 'calendar';
 @use 'toast';
 @use 'modal-dialog';
+@use 'mixins';
 
 a {
     color: consts.$link-color;
@@ -180,6 +181,12 @@ body {
             }
         }
 
+        #recipe-view {
+            .recipe-description {
+                @include mixins.markdown;
+            }
+        }
+
         form {
             display: grid;
             grid-template-columns: auto 1fr;

backend/scss/mixins.scss

@@ -0,0 +1,26 @@
+@mixin markdown {
+    h1 {
+        font-size: 140%;
+        text-align: left;
+    }
+
+    h2 {
+        font-size: 130%;
+    }
+
+    h3 {
+        font-size: 120%;
+    }
+
+    h4 {
+        font-size: 110%;
+    }
+
+    h5 {
+        font-size: 100%;
+    }
+
+    h6 {
+        font-size: 100%;
+    }
+}