CertificatePrint.css: Difference between revisions
From Claremont MakerSpace
No edit summary |
No edit summary |
||
Line 13: | Line 13: | ||
} | } | ||
@media | @media screen { | ||
.print-only { | .print-only { | ||
display: none; | display: none; |
Revision as of 00:19, 25 July 2020
- cert-data {
string-set: certname attr(data-name), certversion attr(data-version); /* Can't be `display: none;`, as it breaks string-set */ visibility: hidden; position: absolute; bottom: 0px;
}
.checklist li::marker {
content: "□\00A0"; padding-right: 1em;
}
@media screen {
.print-only { display: none; }
}
@media print {
/* Add link target as text */ a::after { content: " [" attr(href) "]"; color: initial; text-decoration: none; }
@page { size: letter portrait; margin: 1in;
@top-left { content: "Certification: " string(certname); font-size: 1.2em; color: #444; vertical-align: bottom; padding-bottom: 0.2em; }
@bottom-left { content: string(certversion); color: #444; }
@bottom-right-corner { content: counter(page); } }
}