From 871522465514eb36d01e7f02ac707d8aa7cf1c51 Mon Sep 17 00:00:00 2001
From: Patrick Marsceill <patrick.marsceill@gmail.com>
Date: Fri, 26 Jun 2020 15:33:03 -0400
Subject: [PATCH] Add IDs to target print styles
---
_layouts/default.html | 4 ++--
_sass/print.scss | 40 ++++++++++++++++++++++++++++++++++++++++
2 files changed, 42 insertions(+), 2 deletions(-)
create mode 100644 _sass/print.scss
diff --git a/_layouts/default.html b/_layouts/default.html
index 1c0b2156..1d41a711 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -123,7 +123,7 @@ layout: table_wrappers
<hr>
<footer>
{% if site.back_to_top %}
- <p><a href="#top">{{ site.back_to_top_text }}</a></p>
+ <p><a href="#top" id="back-to-top">{{ site.back_to_top_text }}</a></p>
{% endif %}
{% if site.footer_content != nil %}
<p class="text-small text-grey-dk-000 mb-0">{{ site.footer_content }}</p>
@@ -144,7 +144,7 @@ layout: table_wrappers
site.gh_edit_view_mode
%}
<p class="text-small text-grey-dk-000 mb-0">
- <a href="{{ site.gh_edit_repository }}/{{ site.gh_edit_view_mode }}/{{ site.gh_edit_branch }}/{{ page.path }}">{{ site.gh_edit_link_text }}</a>
+ <a href="{{ site.gh_edit_repository }}/{{ site.gh_edit_view_mode }}/{{ site.gh_edit_branch }}/{{ page.path }}" id="edit-this-page">{{ site.gh_edit_link_text }}</a>
</p>
{% endif %}
</div>
diff --git a/_sass/print.scss b/_sass/print.scss
new file mode 100644
index 00000000..6e6de373
--- /dev/null
+++ b/_sass/print.scss
@@ -0,0 +1,40 @@
+// stylelint-disable selector-max-specificity, selector-max-id, selector-max-type, selector-no-qualifying-type, primer/no-override,
+
+@media print {
+ .site-footer,
+ .site-button,
+ #edit-this-page,
+ #back-to-top,
+ .site-nav,
+ .main-header {
+ display: none !important;
+ }
+
+ .side-bar {
+ width: 100%;
+ height: auto;
+ border-right: 0 !important;
+ }
+
+ .site-header {
+ border-bottom: 1px solid $border-color;
+ }
+
+ .site-title {
+ font-size: $root-font-size !important;
+ font-weight: 700 !important;
+ }
+
+ .text-small {
+ font-size: 8pt !important;
+ }
+
+ pre.highlight {
+ border: 1px solid $border-color;
+ }
+
+ .main {
+ max-width: none;
+ margin-left: 0;
+ }
+}
--
GitLab