diff --git a/README.md b/README.md index 44b97fe..21cd844 100644 --- a/README.md +++ b/README.md @@ -23,7 +23,7 @@ Recently, we say "front-end" every day. Then why don't we make the printing docu Get Paper CSS from [cdnjs](https://cdnjs.com/libraries/paper-css) (recommended): ```html - + ``` Or download [paper.css](https://raw.githubusercontent.com/cognitom/paper-css/master/paper.css) file from GitHub manually, or via npm: @@ -66,6 +66,7 @@ Set the class of `` and also set "sheet" for each sheet. All available page sizes is listed below: +- A6, A6 landscape - A5, A5 landscape - A4, A4 landscape - A3, A3 landscape diff --git a/paper.css b/paper.css index 8503667..c218296 100644 --- a/paper.css +++ b/paper.css @@ -15,6 +15,8 @@ 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.A6 .sheet { width: 105mm; height: 147mm } +body.A6.landscape .sheet { width: 148mm; height: 104mm } body.letter .sheet { width: 216mm; height: 279mm } body.letter.landscape .sheet { width: 280mm; height: 215mm } body.legal .sheet { width: 216mm; height: 356mm } @@ -41,7 +43,8 @@ body.legal.landscape .sheet { width: 357mm; height: 215mm } body.A3.landscape { width: 420mm } body.A3, body.A4.landscape { width: 297mm } body.A4, body.A5.landscape { width: 210mm } - body.A5 { width: 148mm } + body.A5, body.A6.landscape { width: 148mm } + body.A6 { width: 105mm } body.letter, body.legal { width: 216mm } body.letter.landscape { width: 280mm } body.legal.landscape { width: 357mm } diff --git a/paper.min.css b/paper.min.css index 265a771..dad20cc 100644 --- a/paper.min.css +++ b/paper.min.css @@ -1 +1 @@ -@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}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.letter .sheet{width:216mm;height:279mm}body.letter.landscape .sheet{width:280mm;height:215mm}body.legal .sheet{width:216mm;height:356mm}body.legal.landscape .sheet{width:357mm;height:215mm}.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 auto}}@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}body.legal,body.letter{width:216mm}body.letter.landscape{width:280mm}body.legal.landscape{width:357mm}} \ 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}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.A6 .sheet{width:105mm;height:147mm}body.A6.landscape .sheet{width:148mm;height:104mm}body.letter .sheet{width:216mm;height:279mm}body.letter.landscape .sheet{width:280mm;height:215mm}body.legal .sheet{width:216mm;height:356mm}body.legal.landscape .sheet{width:357mm;height:215mm}.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 auto}}@media print{body.A3.landscape{width:420mm}body.A3,body.A4.landscape{width:297mm}body.A4,body.A5.landscape{width:210mm}body.A5,body.A6.landscape{width:148mm}body.A6{width:105mm}body.legal,body.letter{width:216mm}body.letter.landscape{width:280mm}body.legal.landscape{width:357mm}} \ No newline at end of file