/* @import url('https://pad.xpub.nl/p/sixx-print-css/export/txt') */ :root{ /* --spot-color-1: #53018e; */ --spot-color-1: #000; --baseline: 5mm; --margin-left: 10mm; } @font-face { font-family: 'Consolation'; src: local('Consolation'), url('fonts/Consolation011.woff') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'worksans'; src: url('fonts/worksans/WorkSans-Regular.woff') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'worksans'; src: url('fonts/worksans/WorkSans-Bold.woff') format('opentype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'worksans'; src: url('fonts/worksans/WorkSans-Italic.woff') format('opentype'); font-weight: normal; font-style: oblique; } @font-face { font-family: 'worksans'; src: url('fonts/worksans/WorkSans-BoldItalic.woff') format('opentype'); font-weight: bold; font-style: oblique; } @media print{ @page{ size: 130mm 180mm; bleed: 3mm; marks: crop cross; margin: 10mm } @page:left { margin-right: 30mm; } @page:right { margin-left: 30mm; } } #contenteo{ font-family: 'worksans'; line-height: 1.3; font-size: 12px; letter-spacing: -0.1px; line-height: var(--baseline); } .full-image{ height: 186mm; width: 133mm; object-fit: cover; margin: -13mm 0 0 -10mm; } img{ /* max-width: 100%; height: 40mm; */ width: 100%; /* object-fit: cover; */ } img::after { display: block; position: relative; top: 50mm; left: 0; content: attr(alt); } h1,h2,h3,h4,h5,h6{ text-transform: uppercase; font-family: 'Consolation'; break-before: page; line-height: 1; color: var(--spot-color-1); } h1{ font-size: 1.8rem; break-before: left; break-after: right; background-color: var(--spot-color-1); color: #fff; height: 186mm; width: 133mm; margin: -13mm 0 0 -13mm; padding: 13mm; } section{ break-after: page; } ::selection{ background-color: var(--spot-color-1); color: #ccc; }