::first-letter in print style can cause incorrect rendering in Chrome (…

…#1962) Chrome currently has a bug (when printing) that results in ::first-letter being vertically misaligned under certain (seemingly unrelated) conditions. This PR fixes issue by removing the CSS that causes the issue.
h5bp · Jul 11, 2017 · efa3db1 · efa3db1
1 parent fb6cb8d
commit efa3db1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 18 deletions.
diff --git a/dist/css/main.css b/dist/css/main.css
@@ -223,15 +223,7 @@ textarea {
 @media print {
     *,
     *:before,
-    *:after,
-    p:first-letter,
-    div:first-letter,
-    blockquote:first-letter,
-    li:first-letter,
-    p:first-line,
-    div:first-line,
-    blockquote:first-line,
-    li:first-line {
+    *:after {
         background: transparent !important;
         color: #000 !important; /* Black prints faster:
                                    http://www.sanbeiji.com/archives/953 */

diff --git a/src/css/main.css b/src/css/main.css
@@ -213,15 +213,7 @@ textarea {
 @media print {
     *,
     *:before,
-    *:after,
-    p:first-letter,
-    div:first-letter,
-    blockquote:first-letter,
-    li:first-letter,
-    p:first-line,
-    div:first-line,
-    blockquote:first-line,
-    li:first-line {
+    *:after {
         background: transparent !important;
         color: #000 !important; /* Black prints faster:
                                    http://www.sanbeiji.com/archives/953 */