Add print css

assets/css/style.scss

@@ -161,4 +161,24 @@ img.emoji {
 	width: 1em;
 	margin: 0 .05em 0 .1em;
 	vertical-align: -0.1em;
+}
+
+/* Print */
+@media print {
+	html {
+		@include lightmode;
+	}
+
+	body {
+		font-family: serif;
+		max-width: inherit;
+	}
+
+	nav,
+	#post-actions,
+	#related,
+	#interactions
+	{
+		display: none;
+	}
 }

layouts/partials/mentions.html

@@ -4,7 +4,7 @@
 {{ $md5pl := md5 (replace .Permalink "/" "") }}
 {{ $mentions := index .Site.Data.mentions $md5pl }}
 {{ $dateFormat := ( .Site.Params.dateformat | default "January 02, 2006") }}
-<details class="p">
+<details class="p" id="interactions">
     <summary><b>{{ T "interactions" }}</b></summary>
     {{ with $mentions }}
     <ul>

layouts/partials/post_actions.html

@@ -1,5 +1,5 @@
 {{ if or (.Param "shareLink") (and (.Param "subscribeBtn") (.Param "subscribeLink")) (.Param "speak") }}
-<div class="p flex">
+<div class="p flex" id="post-actions">
 	{{ if (.Param "shareLink") }}
 	<a href="https://www.addtoany.com/share#url={{ .Permalink }}{{ with .Title }}&title={{ . }}{{ end }}" target="_blank" rel="nofollow noopener noreferrer" class="button invert">{{ T "share" }}</a>&nbsp;
 	{{ end }}

layouts/partials/related.html

@@ -1,6 +1,6 @@
 {{ $related := .Site.RegularPages.Related . | first 5 }}
 {{ with $related }}
-<details class="p">
+<details class="p" id="related">
 	<summary><b>{{ T "related" }}</b></summary>
 	<ul>
 		{{ range . }}