Add a separate file for print styles

assets/css/main.css

@@ -702,44 +702,3 @@ button:not(:-moz-focusring):focus > .main-nav__btn-box {
 		margin: .3125rem .3125rem 0;
 	}
 }
-
-/* Print */
-@media print {
-	.post__content a,
-	.post__meta a,
-	.post__tag {
-		color: #000;
-		text-decoration: underline;
-	}
-
-	.logo,
-	.block,
-	.post__title,
-	.post__title-link,
-	.meta-categories__link,
-	.post__meta,
-	.post__content {
-		color: #000;
-	}
-
-	.main-nav,
-	.comments,
-	.post__toc,
-	.related,
-	.footer__copyright-credits {
-		display: none;
-	}
-
-	.header,
-	.block {
-		border: 0;
-	}
-
-	mark {
-		background-color: #25a;
-	}
-
-	blockquote {
-		border-color: #000;
-	}
-}

assets/css/print.css

@@ -0,0 +1,40 @@
+/* Print */
+@media print {
+	.post__content a,
+	.post__meta a,
+	.post__tag {
+		color: #000;
+		text-decoration: underline;
+	}
+
+	.logo,
+	.block,
+	.post__title,
+	.post__title-link,
+	.meta-categories__link,
+	.post__meta,
+	.post__content {
+		color: #000;
+	}
+
+	.main-nav,
+	.comments,
+	.post__toc,
+	.related,
+	.footer__copyright-credits {
+		display: none;
+	}
+
+	.header,
+	.block {
+		border: 0;
+	}
+
+	mark {
+		background-color: #25a;
+	}
+
+	blockquote {
+		border-color: #000;
+	}
+}

layouts/_default/baseof.html

@@ -16,7 +16,8 @@
 	{{- end }}
 	{{- $cssReboot := resources.Get "css/reboot.css" }}
 	{{- $cssMain := resources.Get "css/main.css" }}
-	{{- $style := slice $cssReboot $cssMain | resources.Concat "css/bundle.css" }}
+	{{- $cssPrint := resources.Get "css/print.css" }}
+	{{- $style := slice $cssReboot $cssMain $cssPrint | resources.Concat "css/bundle.css" }}
 	<link rel="stylesheet" href="{{ $style.RelPermalink }}">
 	{{- range .Site.Params.customCSS }}
 	<link rel="stylesheet" href="{{ . | relURL }}">