CSS: Add file with only fonts

[ipfire.org.git] / src / scss / style.scss

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 4e45e83694d7bfee08f26cd9fb448ad1655d91ed..04e05d7dcb5538ab10bf8f7b6e9d1ceaa6d0decb 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -34,7 +34,7 @@
 @import "../bootstrap/scss/print";
 
 // Include fonts
-@import "fonts";
+@import "_fonts.scss";
 
 // Custom stuff
 @import "icons";
@@ -187,8 +187,8 @@ section {
        }
 }
 
-.user-content {
-       .user-content-header {
+.blog-post {
+       .blog-header {
                h4 {
                        margin-bottom: 0;
 
@@ -198,7 +198,7 @@ section {
                }
        }
 
-       .user-content-body {
+       .blog-content {
                h1, h2, h3, h4, h5, h6 {
                        font-size: 1.375rem;
                        font-weight: $headings-font-weight;
@@ -220,7 +220,7 @@ section {
        }
 
        &.lightning-wire-labs {
-               .user-content-header {
+               .blog-header {
                        h5 {
                                a {
                                        color: $lwl;
@@ -232,7 +232,7 @@ section {
                        }
                }
 
-               .user-content-body {
+               .blog-content {
                        a {
                                color: $lwl;
                        }
@@ -240,6 +240,47 @@ 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;
+       }
+
+       blockquote {
+               @extend .blockquote;
+       }
+
+       table {
+               @extend .table;
+               @extend .table-sm;
+       }
+}
+
 hr.divider {
        border-color: rgba($dark, .15);
        margin-top: 2rem;