print.scss (3320B)
1 /* 2 Theme Name: Twenty Nineteen 3 4 Adding print support. The print styles are based on the the great work of 5 Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/. 6 */ 7 8 /*-------------------------------------------------------------- 9 >>> TABLE OF CONTENTS: 10 ---------------------------------------------------------------- 11 # Margins 12 # Typography 13 # Page breaks 14 # Links 15 # Visibility 16 --------------------------------------------------------------*/ 17 18 @media print { 19 20 /* Margins */ 21 22 @page { 23 margin: 2cm; 24 } 25 26 .entry { 27 margin-top: 1em; 28 } 29 30 .entry .entry-header, .site-footer .site-info { 31 margin: 0; 32 } 33 34 /* Fonts */ 35 36 body { 37 font: 13pt Georgia, "Times New Roman", Times, serif; 38 line-height: 1.3; 39 background: #fff !important; 40 color: #000; 41 } 42 43 h1 { 44 font-size: 24pt; 45 } 46 47 h2, 48 h3, 49 h4, 50 .has-regular-font-size, 51 .has-large-font-size, 52 h2.author-title, 53 p.author-bio, 54 .comments-title, h3 { 55 font-size: 14pt; 56 margin-top: 25px; 57 } 58 59 /* Page breaks */ 60 61 a { 62 page-break-inside: avoid 63 } 64 65 blockquote { 66 page-break-inside: avoid; 67 } 68 69 h1, 70 h2, 71 h3, 72 h4, 73 h5, 74 h6 { 75 page-break-after: avoid; 76 page-break-inside: avoid 77 } 78 79 img { 80 page-break-inside: avoid; 81 page-break-after: avoid; 82 } 83 84 table, pre { 85 page-break-inside: avoid; 86 } 87 88 ul, ol, dl { 89 page-break-before: avoid; 90 } 91 92 /* Links */ 93 94 a:link, a:visited, a { 95 background: transparent; 96 font-weight: bold; 97 text-decoration: underline; 98 text-align: left; 99 } 100 101 a { 102 page-break-inside: avoid; 103 } 104 105 a[href^=http]:after { 106 content: " < " attr(href) "> "; 107 } 108 109 a:after > img { 110 content: ""; 111 } 112 113 article a[href^="#"]:after { 114 content: ""; 115 } 116 117 a:not(:local-link):after { 118 content: " < " attr(href) "> "; 119 } 120 121 /* Visibility */ 122 .main-navigation, 123 .site-title + .main-navigation, 124 .social-navigation, 125 .site-branding-container:before, 126 .entry .entry-title:before, 127 .entry-footer, 128 .author-description:before, 129 .post-navigation, 130 .widget-area, 131 .comment-form-flex, 132 .comment-reply, 133 .comment .comment-metadata .edit-link { 134 display: none; 135 } 136 137 .entry .entry-content .wp-block-button .wp-block-button__link, 138 .entry .entry-content .button { 139 color: #000; 140 background: none; 141 } 142 143 /* Site Header (With Featured Image) */ 144 .site-header.featured-image { 145 min-height: 0; 146 147 .main-navigation a, 148 .main-navigation a + svg, 149 .social-navigation a, 150 .site-title a, 151 .site-featured-image a, 152 .site-branding .site-title, 153 .site-branding .site-description, 154 .main-navigation a:after, 155 .main-navigation .main-menu > li.menu-item-has-children:after, 156 .main-navigation li, 157 .social-navigation li, 158 .entry-meta, 159 .entry-title, 160 &#masthead .site-title a { 161 color: #000; 162 text-shadow: none; 163 } 164 165 .site-featured-image .entry-header, 166 .site-branding-container { 167 margin-top: 0; 168 margin-bottom: 0; 169 } 170 171 .site-featured-image .post-thumbnail img { 172 position: relative; 173 height: initial; 174 width: initial; 175 object-fit: none; 176 min-width: 0; 177 min-height: 0; 178 max-width: 100%; 179 margin-top: 1rem; 180 } 181 } 182 183 /* Remove image filters from featured image */ 184 .image-filters-enabled { 185 186 *:after { 187 display: none !important; 188 } 189 190 .site-header.featured-image .site-featured-image:before { 191 display: none; 192 } 193 194 .site-header.featured-image .site-featured-image .post-thumbnail img { 195 filter: none; 196 } 197 } 198 }