diff --git a/web/00-booklet/print_style.css b/web/00-booklet/print_style.css index cf0b587..618588d 100644 --- a/web/00-booklet/print_style.css +++ b/web/00-booklet/print_style.css @@ -1 +1,119 @@ -@import url('https://pad.xpub.nl/p/sixx-print-css/export/txt') \ No newline at end of file +/* @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; +} \ No newline at end of file