Add a separate file for print styles

This commit is contained in:
vimux 2019-12-09 09:23:51 -05:00
parent c77e4ede53
commit a9f995eb1d
No known key found for this signature in database
GPG key ID: 5A34FDC4EE832E34
3 changed files with 42 additions and 42 deletions

View file

@ -702,44 +702,3 @@ button:not(:-moz-focusring):focus > .main-nav__btn-box {
margin: .3125rem .3125rem 0; 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;
}
}

40
assets/css/print.css Normal file
View file

@ -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;
}
}

View file

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