1

print formatting

This commit is contained in:
Evan Pratten 2021-04-16 10:03:31 -04:00
parent 64964b5537
commit 6ce4c52aa1
5 changed files with 31 additions and 7 deletions

View File

@ -1,6 +1,6 @@
<br><br>
<div class="foot-info center">
<div class="foot-info center print-hidden">
Made with ♥ by Evan Pratten | <a href="/feed.xml">RSS</a> | <a href="https://status.retrylife.ca">API Status</a>
</div>

View File

@ -13,7 +13,7 @@
<div class="reactive-bg">
<div class="color-space" id="color-space">
<div class="color-space print-hidden" id="color-space">
<div class="container" style="height:100%; text-align:right">
{% if page.backing_img %}
<img src="{{page.backing_img}}" style="{{page.backing_scalar}};padding-right:5%"></img>
@ -36,11 +36,11 @@
<small class="text-muted" {% if page.written %} data-toggle="tooltip" data-placement="top"
title="Written {{page.written}}" {% endif %} style="color:gray;">{{page_date.first}}</small>
{% for category in page.tags %}
<a href="/categories?c={{category}}"><span class="badge"
<a href="/categories?c={{category}}"><span class="badge print-hidden"
style="background-color: var(--light-gray);color:#333;">{{category}}</span></a>
{% endfor %}
{% if page.path contains "_drafts" %}
<a href="#"><span class="badge"
<a href="#"><span class="badge print-hidden"
style="background-color: var(--light-gray);color:rgb(255, 0, 0);">draft</span></a>
{% endif %}
</h6>
@ -53,9 +53,9 @@
{{content}}
{% if page.categories %}
<br>
<hr>
<div class="retention">
<br class="print-hidden">
<hr class="print-hidden">
<div class="retention print-hidden">
<!-- Thank you text -->
<p>Thank you for reading this post. If you enjoyed the content, and want to let me know, or

View File

@ -12,6 +12,7 @@ pre {
div.highlighter-rouge {
position: relative;
break-inside: avoid;
}
div.highlighter-rouge::after {

22
_sass/site/print.scss Normal file
View File

@ -0,0 +1,22 @@
@media print {
@page {
margin: 0.5in;
}
h1,
h2,
h3,
h4,
h5 {
page-break-before: auto;
page-break-after: avoid;
}
p {
page-break-inside: avoid;
}
.print-hidden {
display: none !important;
}
}

View File

@ -11,6 +11,7 @@
@import "site/page.scss";
@import "site/kbd.scss";
@import "site/codeblock.scss";
@import "site/print.scss";
@import "site/dev/landing.scss";
@import "site/dev/software-landing.scss";