wiki: Style wiki content

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 1b326cff97a56414403879080a0acf7aafd4afc5..00b67750bbbad420527bd396e6401861f1a9650c 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -240,6 +240,38 @@ section {
        }
 }
 
+.wiki-content {
+       h1, h2, h3, h4, h5, h6 {
+               font-weight: $headings-font-weight;
+               line-height: $headings-line-height;
+               margin-bottom: 0.25rem;
+       }
+
+       h1 {
+               font-size: $h4-font-size;
+       }
+
+       h2 {
+               font-size: $h5-font-size;
+       }
+
+       h3, h4, h5, h6 {
+               font-size: $h6-font-size;
+       }
+
+       img {
+               @include img-fluid;
+
+               // Center all images
+               display: block;
+               margin-left: auto;
+               margin-right: auto;
+
+               // Add some extra margin to the top & bottom
+               padding: ($spacer * 2) 0 ($spacer * 2) 0;
+       }
+}
+
 hr.divider {
        border-color: rgba($dark, .15);
        margin-top: 2rem;

diff --git a/src/templates/wiki/page.html b/src/templates/wiki/page.html
index fce410537ddb2030fced7a067f126b68121f79f7..4afc6b0887b577e9c74a17e0666d9bbe3f55f059 100644 (file)
--- a/src/templates/wiki/page.html
+++ b/src/templates/wiki/page.html
@@ -14,7 +14,7 @@
        {% end %}
 
        <div class="card mb-3">
-               <div class="card-body">
+               <div class="card-body wiki-content">
                        {% raw page.html %}
                </div>
        </div>