first commit
This commit is contained in:
71
public/css/paper.css
Normal file
71
public/css/paper.css
Normal file
@@ -0,0 +1,71 @@
|
||||
@page {
|
||||
margin: 0;
|
||||
size: B5;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.sheet {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
/** Paper sizes **/
|
||||
body.B5 .sheet {
|
||||
width: 182mm;
|
||||
height: 257mm;
|
||||
}
|
||||
|
||||
body.index-card .sheet {
|
||||
width: 3.5in;
|
||||
height: 5in;
|
||||
}
|
||||
|
||||
/** For screen preview **/
|
||||
@media screen {
|
||||
body {
|
||||
background: #e0e0e0;
|
||||
}
|
||||
.sheet {
|
||||
background: white;
|
||||
box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3);
|
||||
margin: 5mm auto;
|
||||
}
|
||||
}
|
||||
|
||||
/** Fix for Chrome issue #273306 **/
|
||||
@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.B5 {
|
||||
width: 182mm;
|
||||
}
|
||||
body.B5.landscape {
|
||||
width: 257mm;
|
||||
}
|
||||
body.letter,
|
||||
body.legal {
|
||||
width: 216mm;
|
||||
}
|
||||
body.letter.landscape {
|
||||
width: 280mm;
|
||||
}
|
||||
body.legal.landscape {
|
||||
width: 357mm;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user