svg-paper
Version:
The world's most maintainable way to create paper-printable documents 🖨💘
69 lines (54 loc) • 3.68 kB
CSS
* {
margin: 0;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
@page {
margin: 0; }
body {
-webkit-print-color-adjust: exact;
color-adjust: exact; }
body .paper svg {
page-break-after: always; }
.paper.A3 svg {
width: 297mm;
height: 418mm; }
.paper.A3.landscape svg {
width: 420mm;
height: 295mm; }
.paper.A4 svg {
width: 210mm;
height: 295mm; }
.paper.A4.landscape svg {
width: 297mm;
height: 208mm; }
.paper.A5 svg {
width: 148mm;
height: 208mm; }
.paper.A5.landscape svg {
width: 210mm;
height: 146mm; }
.paper.letter svg {
width: 216mm;
height: 278mm; }
.paper.letter.landscape svg {
width: 280mm;
height: 214mm; }
.paper.legal svg {
width: 216mm;
height: 355mm; }
.paper.legal.landscape svg {
width: 357mm;
height: 214mm; }
@media screen {
body {
background-color: #ccc; }
body .paper svg {
display: block;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3);
margin-top: 5mm; } }
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9TdmdQYXBlci8uL3Njc3Mvc3ZnLXBhcGVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxTQUFTO0VBQ1QsVUFBVTtFQUNWLHlCQUFpQjtLQUFqQixzQkFBaUI7TUFBakIscUJBQWlCO1VBQWpCLGlCQUFpQjs7QUFHbkI7RUFDRSxTQUFTOztBQUdYO0VBQ0UsaUNBQW1CO1VBQW5CLG1CQUFtQjtFQURyQjtJQUlNLHdCQUF3Qjs7QUFNOUI7RUFBOEIsWUFBWTtFQUFFLGFBQWM7O0FBQzFEO0VBQThCLFlBQVk7RUFBRSxhQUFjOztBQUMxRDtFQUE4QixZQUFZO0VBQUUsYUFBYzs7QUFDMUQ7RUFBOEIsWUFBWTtFQUFFLGFBQWM7O0FBQzFEO0VBQThCLFlBQVk7RUFBRSxhQUFjOztBQUMxRDtFQUE4QixZQUFZO0VBQUUsYUFBYzs7QUFDMUQ7RUFBOEIsWUFBWTtFQUFFLGFBQWM7O0FBQzFEO0VBQThCLFlBQVk7RUFBRSxhQUFjOztBQUMxRDtFQUE4QixZQUFZO0VBQUUsYUFBYzs7QUFDMUQ7RUFBOEIsWUFBWTtFQUFFLGFBQWM7O0FBRzFEO0VBQ0U7SUFDRSxzQkFBc0I7SUFEeEI7TUFJTSxjQUFjO01BQ2QsY0FBYztNQUNkLHNCQUFzQjtNQUN0QiwwQ0FBcUM7TUFDckMsZUFBZSxJQUNoQiIsImZpbGUiOiJzdmctcGFwZXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiKiB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG5cbkBwYWdlIHtcbiAgbWFyZ2luOiAwOyAvLyBoaWRlIGhlYWRlciBhbmQgZm9vdGVyXG59XG5cbmJvZHkge1xuICBjb2xvci1hZGp1c3Q6IGV4YWN0O1xuICAucGFwZXIge1xuICAgIHN2ZyB7XG4gICAgICBwYWdlLWJyZWFrLWFmdGVyOiBhbHdheXM7XG4gICAgfVxuICB9XG59XG5cbi8vIGhlaWdodHMgYXJlIGEgbGl0dGxlIHNtYWxsZXIgdGhhbiByZWFsIHNpemUgc28gdGhhdCBhbiBlbXB0eSBsYXN0IHBhZ2UgaXNuJ3Qgc2hvd25cbi5wYXBlci5BMyAgICAgICAgICAgICAgIHN2ZyB7IHdpZHRoOiAyOTdtbTsgaGVpZ2h0OiA0MThtbSB9XG4ucGFwZXIuQTMubGFuZHNjYXBlICAgICBzdmcgeyB3aWR0aDogNDIwbW07IGhlaWdodDogMjk1bW0gfVxuLnBhcGVyLkE0ICAgICAgICAgICAgICAgc3ZnIHsgd2lkdGg6IDIxMG1tOyBoZWlnaHQ6IDI5NW1tIH1cbi5wYXBlci5BNC5sYW5kc2NhcGUgICAgIHN2ZyB7IHdpZHRoOiAyOTdtbTsgaGVpZ2h0OiAyMDhtbSB9XG4ucGFwZXIuQTUgICAgICAgICAgICAgICBzdmcgeyB3aWR0aDogMTQ4bW07IGhlaWdodDogMjA4bW0gfVxuLnBhcGVyLkE1LmxhbmRzY2FwZSAgICAgc3ZnIHsgd2lkdGg6IDIxMG1tOyBoZWlnaHQ6IDE0Nm1tIH1cbi5wYXBlci5sZXR0ZXIgICAgICAgICAgIHN2ZyB7IHdpZHRoOiAyMTZtbTsgaGVpZ2h0OiAyNzhtbSB9XG4ucGFwZXIubGV0dGVyLmxhbmRzY2FwZSBzdmcgeyB3aWR0aDogMjgwbW07IGhlaWdodDogMjE0bW0gfVxuLnBhcGVyLmxlZ2FsICAgICAgICAgICAgc3ZnIHsgd2lkdGg6IDIxNm1tOyBoZWlnaHQ6IDM1NW1tIH1cbi5wYXBlci5sZWdhbC5sYW5kc2NhcGUgIHN2ZyB7IHdpZHRoOiAzNTdtbTsgaGVpZ2h0OiAyMTRtbSB9XG5cbi8vIGZvciBwcmV2aWV3IHNjcmVlblxuQG1lZGlhIHNjcmVlbiB7XG4gIGJvZHkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNjY2M7XG4gICAgLnBhcGVyIHtcbiAgICAgIHN2ZyB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBtYXJnaW46IDAgYXV0bztcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgICAgICAgYm94LXNoYWRvdzogMCAuNW1tIDJtbSByZ2JhKDAsMCwwLC4zKTtcbiAgICAgICAgbWFyZ2luLXRvcDogNW1tO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ==*/