Merge pull request #170 from ASKnetCommunity/development

update styles for pages other than the main page ("layout: page")
ASKnetCommunity · Jul 27, 2023 · a653908 · a653908
2 parents 41e1e69 + 648d866
commit a653908
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -6,5 +6,4 @@ _site
 Gemfile.lock
 unused
 bootstrap-reference.html
-assets/img/hubs/.directory
-.directory
+*/.directory
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -6,7 +6,7 @@
 
 {% include head.html %}
 
-<body>
+<body{% if page.layout == "page" %} class="page-layout"{% endif %}>
 
   {% include header.html %}
 

diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss
@@ -327,11 +327,15 @@ textarea.form-control{
 
 .page-content {
   max-width:1000px;
-  margin: 30px auto;
-  padding: 0px 15px;
+  margin: 45px auto;
+  padding: 15px;
   min-height: 55vh;
 }
 
+.page-layout { //set background for body tag only on "layout: page" (like imprint etc.)
+  background: url(../../assets/img/tile-light.jpg);
+}
+
 /* /page */
 
 /* footer */

diff --git a/assets/scss/_typography.scss b/assets/scss/_typography.scss
@@ -61,3 +61,26 @@ h5, .h5{
 h6, .h6{
   font-size: 14px;
 }
+
+.page-layout {  //set smaller font sizes for headings only on "layout: page" (like imprint etc.)
+
+  h1, .h1{
+    font-size: 40px;
+  }
+
+  h2, .h2{
+    font-size: 32px;
+  }
+
+  h3, .h3{
+    font-size: 22px;
+  }
+
+  h4, .h4{
+    font-size: 18px;
+  }
+
+  h5, .h5{
+    font-size: 14px;
+  }
+}