Add markdown styling

2020-03-07 01:30:04 +01:00 · 2020-03-07 01:30:04 +01:00 · d168323de9
commit d168323de9
parent 44ac35e21b
2 changed files with 22 additions and 2 deletions
--- a/style.html.j2
+++ b/style.html.j2
@ -167,10 +167,10 @@
        {% endif %}

        {% if yaml.description %}
-            <center>{{ yaml.description | markdown | safe }}</center>
+            <div class="markdown">{{ yaml.description | markdown | safe }}</div>
        {% endif %}
        {% if xml.description %}
-            <center>{{ xml.description | markdown | safe }}</center>
+            <div class="markdown">{{ xml.description | markdown | safe }}</div>
        {% endif %}

        {% if yaml.steps %}
--- a/style.scss
+++ b/style.scss
@ -130,6 +130,26 @@
        border-radius: 1mm;
        background-color: #ddd;
        font-size: 0.9em;
+        position: relative;
+
+        .markdown {
+            text-align: center;
+
+            table {
+                margin-top:-0.3em;
+                margin-left:auto;
+                margin-right:auto;
+                th, td {
+                    font-size: 2.5mm; /* user agent style override */
+                }
+            }
+            p + table {
+                margin-top:-1em;
+            }
+            li {
+                text-align: left;
+            }
+        }

        ul, ol {
            padding-left: 1.5em;