CertificatePrint.css
From Claremont MakerSpace
- 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 not print {
.print-only { display: none; }
}
@media print {
.no-print { display: none; }
/* 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); } }
}