Merge branch '29-make-the-theme-print-friendly' into 'latest'

Resolve "Make the theme print-friendly"

Closes #29

See merge request core-services/jekyll-theme-lcsb-default!20

.gitlab-ci.yml

@@ -7,7 +7,7 @@ stages:
   - release
 
 # This will try to build the web site, and store the result in "build" directory
-test:
+build the web site:
   stage: test
   variables:
     JEKYLL_ENV: production

_sass/minima.scss

@@ -2,7 +2,7 @@
 
 // Define defaults for each variable.
 
-$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$base-font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
 $base-font-size:   16px !default;
 $base-font-weight: 400 !default;
 $small-font-size:  $base-font-size * 0.875 !default;

_sass/minima/_base.scss

@@ -12,6 +12,23 @@ html, body{
   height: 100%;
 }
 
+@page {
+  margin: 2cm;
+  size: A4;
+}
+
+@page:right{
+  @bottom-right {
+    content: counter(page);
+  }
+}
+
+@page:left{
+  @bottom-left {
+    content: counter(page);
+  }
+}
+
 /**
  * Basic styling
  */
@@ -105,6 +122,14 @@ a {
   color: $brand-color;
   text-decoration: none;
 
+  @media print {
+    &:after {
+      content: " ["attr(href)"] ";
+      font-weight: 600;
+      text-decoration: underline;
+    }
+  }
+
   &:visited {
     color: darken($brand-color, 15%);
   }
@@ -192,6 +217,17 @@ pre {
   height: auto;
 }
 
+@media print {
+  .main {
+    max-width: unset;
+    min-width: unset;
+    margin-right: 0px;
+    margin-left: 0px;
+    background-color: #fdfdfd;
+    box-shadow: unset;
+  }
+}
+
 .wrapper {
   padding-right: $spacing-unit;
   padding-left: $spacing-unit;

_sass/minima/_layout.scss

@@ -12,6 +12,11 @@ html {
   // Positioning context for the mobile navigation icon
   position: relative;
   margin-top: 30px;
+
+  @media print {
+    margin-top: 0px;
+    display: none;
+  }
 }
 
 
@@ -242,7 +247,11 @@ html {
   margin-top: -$footer-height + $spacing-unit;
   flex-shrink: 0;
   height: $footer-height;
-  line-height: 15px
+  line-height: 15px;
+
+  @media print {
+    display: none;
+  }
 }
 
 .footer-wrapper {
@@ -314,6 +323,11 @@ html {
   }
   padding: $spacing-unit 0;
   padding-bottom: $footer-height;
+
+  @media print {
+    margin-top: 2px;
+    margin-left: unset;
+  }
 }
 
 .page-heading {

jekyll-theme-lcsb-default.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-theme-lcsb-default"
-  spec.version       = "0.3.9"
+  spec.version       = "0.3.10"
   spec.authors       = ["Trefex", "jaceklebioda_lux"]
   spec.email         = ["lcsb-sysadmins@uni.lu"]