css

web/00-booklet/print_style.css

@@ -1 +1,119 @@
-@import url('https://pad.xpub.nl/p/sixx-print-css/export/txt')
+/* @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;
+}