112 lines
1.9 KiB
SCSS
112 lines
1.9 KiB
SCSS
.pagedjs_page_content > div {
|
|
height: 100%;
|
|
}
|
|
|
|
.full-layout {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
|
|
.no-folio {
|
|
page: nofolio;
|
|
page-break-before: avoid !important;
|
|
page-break-inside: avoid !important;
|
|
page-break-after: avoid !important;
|
|
|
|
}
|
|
|
|
.blank-page {
|
|
page-break-after: always;
|
|
|
|
}
|
|
|
|
.image-bleed {
|
|
position: absolute;
|
|
width: calc(100% + (#{$marge} + #{$fond-perdu})*2);
|
|
height: calc(100% + (#{$marge} + #{$fond-perdu})*2);
|
|
margin-left: calc(-#{$marge} - #{$fond-perdu} );
|
|
margin-top: calc(-#{$marge} - #{$fond-perdu}) !important;
|
|
left:0;
|
|
top:0;
|
|
}
|
|
|
|
.image-cover {
|
|
page: imagecover;
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-color: lightgray;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.grow {
|
|
flex: 1;
|
|
}
|
|
|
|
.column {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.justify-end {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.canbreak {
|
|
page-break-before: always;
|
|
}
|
|
.breakBefore{
|
|
page-break-before: always;
|
|
}
|
|
.breakBeforeRight{
|
|
page-break-before: right;
|
|
}
|
|
.breakBeforeLeft{
|
|
page-break-before: left;
|
|
}
|
|
.breakAfter{
|
|
page-break-after: always;
|
|
}
|
|
.v-center {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#image-3,#image-3-end{
|
|
position: absolute;
|
|
max-width: none;
|
|
width: 276mm;
|
|
}
|
|
|
|
#image-3{
|
|
margin-right: calc(-#{$marge} - #{$fond-perdu});
|
|
right:0;
|
|
object-position: calc(276mm / 2) 0;
|
|
}
|
|
|
|
#image-3-end{
|
|
margin-left: calc(-#{$marge} - #{$fond-perdu});
|
|
left:0;
|
|
object-position: calc(-276mm / 2) 0;
|
|
}
|
|
|
|
.layout *:first-child{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.layout p:first-child:empty{
|
|
margin: 0;
|
|
margin-top: -1em;
|
|
}
|
|
|
|
.pagedjs_page.pagedjs_left_page .pagedjs_margin-bottom-left > .pagedjs_margin-content::after {
|
|
margin-left: 0.2cm;
|
|
}
|
|
.pagedjs_page.pagedjs_right_page .pagedjs_margin-bottom-right > .pagedjs_margin-content::after {
|
|
margin-right: 0.2cm;
|
|
}
|