Made changes in print.scss

This commit is contained in:
Hugo Giraudel 2013-04-06 17:38:36 +02:00
parent 27650c3fa9
commit 248eda3919

View file

@ -3,20 +3,26 @@
/* ----------------------------- */ /* ----------------------------- */
@media print { @media print {
body { * {
width: auto !important; background: transparent !important;
margin: auto !important; box-shadow: none !important;
font-family: serif; text-shadow: none !important;
font-size: 12pt;
background-color: #fff !important;
color: #333 !important;
} }
h1, h2, h3, h4, h5, h6, body {
blockquote, p width: auto !important;
margin: auto !important;
font-family: serif;
font-size: 12pt;
background-color: #fff !important;
color: #333 !important;
}
h1, h2, h3, h4, h5, h6,
p, blockquote,
ul, ol { ul, ol {
color: #000 !important; color: #000 !important;
margin: auto !important; margin: auto !important;
} }
/** /**
@ -26,6 +32,10 @@
display: block; display: block;
} }
img {
@include filter(grayscale(100%));
}
/** /**
* 1. No orphans * 1. No orphans
* 2. No widows * 2. No widows
@ -61,6 +71,7 @@
/** /**
* 1. Displays url after link * 1. Displays url after link
* 2. ... unless it's a JS or empty link
*/ */
a { a {
color: #000 !important; color: #000 !important;
@ -69,5 +80,10 @@
&[href]:after { &[href]:after {
content: " (" attr(href) ")"; /* 1 */ content: " (" attr(href) ")"; /* 1 */
} }
&[href^="javascript:"]:after,
&[href^="#"]:after {
content: ''; /* 2 */
}
} }
} }