decor-6-expe/maquette-tests/assets/css/base/_layout.scss
2026-02-23 22:28:14 +01:00

75 lines
No EOL
1.2 KiB
SCSS

@mixin running(){
font-family: var(--mono);
font-size: 10px;
}
@media print{
@page {
size: 165mm 240mm;
margin-top: 10mm;
margin-bottom: 20mm;
bleed: 6mm;
marks: crop;
}
@page:left{
margin-left: 35mm;
margin-right: 30mm;
@bottom-left-corner{
content: counter(page);
@include running();
text-align: left;
padding-left: 10mm;
}
@bottom-left {
content: string(author);
@include running();
}
@bottom-center {
content: string(type);
@include running();
}
}
@page:right{
margin-left: 30mm;
margin-right: 35mm;
@bottom-right-corner{
content: counter(page);
@include running();
text-align: right;
padding-right: 10mm;
}
@bottom-left {
content: string(title);
@include running();
}
}
/*p{
background: salmon;
}*/
.chapter{
break-before: right;
}
}
// .pagedjs_left_page .pagedjs_pagebox{
// background: linear-gradient(180deg, transparent 82%, #00009B 100%)!important;
// }
// .pagedjs_right_page .pagedjs_pagebox{
// background: linear-gradient(180deg, transparent 82%, #00009B 100%)!important;
// }