94 lines
No EOL
2.7 KiB
SCSS
94 lines
No EOL
2.7 KiB
SCSS
@media print {
|
|
@page {
|
|
size: 176mm 240mm;
|
|
// size: 150mm 220mm;
|
|
margin-top: 36px;
|
|
margin-bottom: 20mm;
|
|
|
|
// bleed: 6mm;
|
|
// marks: crop;
|
|
}
|
|
@page:left {
|
|
margin-left: 18mm;
|
|
margin-right: 26mm;
|
|
@bottom-left {
|
|
content: counter(page);
|
|
font-family: var(--font-title);
|
|
font-weight: 500;
|
|
font-size: var(--fs-num);
|
|
}
|
|
// @top-right {
|
|
// content: "Höchstpersönlichkeit";
|
|
// font-variant-caps: small-caps;
|
|
// letter-spacing: 0.01em;
|
|
// }
|
|
}
|
|
@page:right {
|
|
margin-left: 26mm;
|
|
margin-right: 18mm;
|
|
@bottom-right {
|
|
content: counter(page);
|
|
font-family: var(--font-title);
|
|
font-weight: 500;
|
|
font-size: var(--fs-num);
|
|
}
|
|
@right-top {
|
|
content: "Höchstpersönlichkeit";
|
|
font-family: var(--font-title);
|
|
font-weight: normal;
|
|
// background-color: red;
|
|
transform-origin: top left;
|
|
height: calc(var(--baseline)*2);
|
|
word-spacing: nowrap;
|
|
width: 52ch;
|
|
transform: rotate(90deg);
|
|
text-align: left;
|
|
position: relative;
|
|
left: 14mm;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
}
|
|
@page:first {
|
|
@top-left-corner { content: none; }
|
|
@top-left { content: none; }
|
|
@top-center { content: none; }
|
|
@top-right { content: none; }
|
|
@top-right-corner { content: none; }
|
|
@left-top { content: none; }
|
|
@left-middle { content: none; }
|
|
@left-bottom { content: none; }
|
|
@right-top { content: none; }
|
|
@right-middle { content: none; }
|
|
@right-bottom { content: none; }
|
|
@bottom-left-corner { content: none; }
|
|
@bottom-left { content: none; }
|
|
@bottom-center { content: none; }
|
|
@bottom-right { content: none; }
|
|
@bottom-right-corner { content: none; }
|
|
}
|
|
@page:blank {
|
|
@top-left-corner { content: none; }
|
|
@top-left { content: none; }
|
|
@top-center { content: none; }
|
|
@top-right { content: none; }
|
|
@top-right-corner { content: none; }
|
|
@left-top { content: none; }
|
|
@left-middle { content: none; }
|
|
@left-bottom { content: none; }
|
|
@right-top { content: none; }
|
|
@right-middle { content: none; }
|
|
@right-bottom { content: none; }
|
|
@bottom-left-corner { content: none; }
|
|
@bottom-left { content: none; }
|
|
@bottom-center { content: none; }
|
|
@bottom-right { content: none; }
|
|
@bottom-right-corner { content: none; }
|
|
}
|
|
}
|
|
|
|
|
|
#section__content{
|
|
break-before: right;
|
|
|
|
} |