@page { margin: 0 }
.paper-container { margin: 0 }
.sheet {
  margin: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  page-break-after: always;
}

/** Paper sizes **/
.paper-container.A3               .sheet { width: 297mm; height: 419mm }
.paper-container.A3.landscape     .sheet { width: 420mm; height: 296mm }
.paper-container.A4               .sheet { width: 210mm; height: 296mm }
.paper-container.A4.landscape     .sheet { width: 297mm; height: 209mm }
.paper-container.A5               .sheet { width: 148mm; height: 209mm }
.paper-container.A5.landscape     .sheet { width: 210mm; height: 147mm }
.paper-container.letter           .sheet { width: 216mm; height: 279mm }
.paper-container.letter.landscape .sheet { width: 280mm; height: 215mm }
.paper-container.legal            .sheet { width: 216mm; height: 356mm }
.paper-container.legal.landscape  .sheet { width: 357mm; height: 215mm }

/** Padding area **/
.sheet.padding-10mm { padding: 10mm }
.sheet.padding-15mm { padding: 15mm }
.sheet.padding-20mm { padding: 20mm }
.sheet.padding-25mm { padding: 25mm }

/** For screen preview **/
@media screen {
  /*.paper-container { background: #e0e0e0 }*/
  .sheet {
    background: white;
    box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
    margin: 5mm auto;
  }
}

/** Fix for Chrome issue #273306 **/
@media print {
    .paper-container.A3.landscape                       { width: 420mm }
    .paper-container.A3, .paper-container.A4.landscape  { width: 297mm }
    .paper-container.A4, .paper-container.A5.landscape  { width: 210mm }
    .paper-container.A5                                 { width: 148mm }
    .paper-container.letter, .paper-container.legal     { width: 216mm }
    .paper-container.letter.landscape                   { width: 280mm }
    .paper-container.legal.landscape                    { width: 357mm }
}