@devinit/pdf-base
Version:
for creating DI print pdfs
137 lines (136 loc) • 2.72 kB
CSS
/*--- Colors ---*/
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
margin-top: 0;
}
h1 {
font-size: 1.85rem;
}
h2 {
font-size: 1.7rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1rem;
}
p {
line-height: 1.3em;
}
table {
border-collapse: collapse;
}
thead {
display: table-header-group;
}
td,
th {
padding: 5.5px 11px;
page-break-inside: avoid;
}
img {
border: 0;
display: block;
max-width: 100% ;
}
hr {
border: 0;
border-bottom: 2px solid #e8443a;
height: 0;
margin: 2.25rem 0;
padding: 0;
}
@font-face {
font-family: 'geomanist';
src: url('fonts/geomanist-regular-webfont.eot');
src: url('fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geomanist-regular-webfont.woff2') format('woff2'), url('fonts/geomanist-regular-webfont.woff') format('woff'), url('fonts/geomanist-regular-webfont.ttf') format('truetype'), url('fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'geomanist';
src: url('fonts/geomanist-light-webfont.eot');
src: url('fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geomanist-light-webfont.woff2') format('woff2'), url('fonts/geomanist-light-webfont.woff') format('woff'), url('fonts/geomanist-light-webfont.ttf') format('truetype'), url('fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'geomanist';
src: url('fonts/geomanist-bold-webfont.eot');
src: url('fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geomanist-bold-webfont.woff2') format('woff2'), url('fonts/geomanist-bold-webfont.woff') format('woff'), url('fonts/geomanist-bold-webfont.ttf') format('truetype'), url('fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
font-weight: bold;
font-style: normal;
}
html,
body {
font-family: 'geomanist';
color: #443e42;
font-size: 11px;
margin: 0;
padding: 0;
}
body {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
h1,
h2 {
color: #e8443a;
}
@page {
size: auto;
margin: 0mm;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
table,
blockquote,
pre,
code,
figure,
li,
hr,
ul,
ol,
a,
tr {
page-break-inside: avoid;
}
h2,
h3,
h4,
p,
a {
orphans: 3;
widows: 3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
page-break-inside: avoid;
}
h1 + p,
h2 + p,
h3 + p {
page-break-before: avoid;
}
img {
page-break-after: auto;
page-break-before: auto;
page-break-inside: avoid;
}
pre {
white-space: pre-wrap ;
word-wrap: break-word;
}