123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- .pagedjs_page_content > div {
- height: 100%;
- }
- .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;
- }
|