diff --git a/paper.css b/paper.css index 052746f..83ae518 100644 --- a/paper.css +++ b/paper.css @@ -9,12 +9,12 @@ body { margin: 0 } } /** Paper sizes **/ -body.A3 .sheet { width: 297mm; height: 419mm } -body.A3.landscape .sheet { width: 420mm; height: 296mm } -body.A4 .sheet { width: 210mm; height: 296mm } -body.A4.landscape .sheet { width: 297mm; height: 209mm } -body.A5 .sheet { width: 148mm; height: 209mm } -body.A5.landscape .sheet { width: 210mm; height: 147mm } +body.A3 .sheet { width: 297mm; height: 419mm;margin-left: auto; margin-right: auto; } +body.A3.landscape .sheet { width: 420mm; height: 296mm;margin-left: auto; margin-right: auto; } +body.A4 .sheet { width: 210mm; height: 296mm;margin-left: auto; margin-right: auto; } +body.A4.landscape .sheet { width: 297mm; height: 209mm;margin-left: auto; margin-right: auto; } +body.A5 .sheet { width: 148mm; height: 209mm;margin-left: auto; margin-right: auto; } +body.A5.landscape .sheet { width: 210mm; height: 147mm;margin-left: auto; margin-right: auto; } /** Padding area **/ .sheet.padding-10mm { padding: 10mm } @@ -22,6 +22,9 @@ body.A5.landscape .sheet { width: 210mm; height: 147mm } .sheet.padding-20mm { padding: 20mm } .sheet.padding-25mm { padding: 25mm } +/** Better used on wkhtmltopdf **/ +.sheet.continuous { margin: 0 } + /** For screen preview **/ @media screen { body { background: #e0e0e0 } diff --git a/paper.min.css b/paper.min.css index 9bc52d5..a5c8156 100644 --- a/paper.min.css +++ b/paper.min.css @@ -1 +1 @@ -.sheet,body{margin:0}@page{margin:0}.sheet{overflow:hidden;position:relative;box-sizing:border-box;page-break-after:always}body.A3 .sheet{width:297mm;height:419mm}body.A3.landscape .sheet{width:420mm;height:296mm}body.A4 .sheet{width:210mm;height:296mm}body.A4.landscape .sheet{width:297mm;height:209mm}body.A5 .sheet{width:148mm;height:209mm}body.A5.landscape .sheet{width:210mm;height:147mm}.sheet.padding-10mm{padding:10mm}.sheet.padding-15mm{padding:15mm}.sheet.padding-20mm{padding:20mm}.sheet.padding-25mm{padding:25mm}@media screen{body{background:#e0e0e0}.sheet{background:#fff;box-shadow:0 .5mm 2mm rgba(0,0,0,.3);margin:5mm}}@media print{body.A3.landscape{width:420mm}body.A3,body.A4.landscape{width:297mm}body.A4,body.A5.landscape{width:210mm}body.A5{width:148mm}} \ No newline at end of file +@page{margin:0}body{margin:0}.sheet{margin:0;overflow:hidden;position:relative;box-sizing:border-box;page-break-after:always}body.A3 .sheet{width:297mm;height:419mm;margin-left:auto;margin-right:auto}body.A3.landscape .sheet{width:420mm;height:296mm;margin-left:auto;margin-right:auto}body.A4 .sheet{width:210mm;height:296mm;margin-left:auto;margin-right:auto}body.A4.landscape .sheet{width:297mm;height:209mm;margin-left:auto;margin-right:auto}body.A5 .sheet{width:148mm;height:209mm;margin-left:auto;margin-right:auto}body.A5.landscape .sheet{width:210mm;height:147mm;margin-left:auto;margin-right:auto}.sheet.padding-10mm{padding:10mm}.sheet.padding-15mm{padding:15mm}.sheet.padding-20mm{padding:20mm}.sheet.padding-25mm{padding:25mm}.sheet.continuous{margin:0}@media screen{body{background:#e0e0e0}.sheet{background:white;box-shadow:0 .5mm 2mm rgba(0,0,0,.3);margin:5mm}}@media print{body.A3.landscape{width:420mm}body.A3,body.A4.landscape{width:297mm}body.A4,body.A5.landscape{width:210mm}body.A5{width:148mm}}