layout.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .pagedjs_page_content > div {
  2. height: 100%;
  3. }
  4. .layout {
  5. display: flex;
  6. flex-direction: column;
  7. height: 100%;
  8. }
  9. .no-folio {
  10. page: nofolio;
  11. page-break-before: avoid !important;
  12. page-break-inside: avoid !important;
  13. page-break-after: avoid !important;
  14. }
  15. .blank-page {
  16. page-break-after: always;
  17. }
  18. .image-bleed {
  19. position: absolute;
  20. width: calc(100% + #{$fond-perdu} * 6);
  21. height: calc(100% + #{$fond-perdu} * 6);
  22. margin-left: -$fond-perdu - 16;
  23. margin-top: -$fond-perdu - 16;
  24. }
  25. .image-cover {
  26. page: imagecover;
  27. background-size: cover;
  28. background-position: center;
  29. background-color: lightgray;
  30. background-repeat: no-repeat;
  31. }
  32. .cover-left {
  33. background-position: 0 50%;
  34. }
  35. .cover-right {
  36. background-position: -148mm 50%;
  37. }
  38. .grow {
  39. flex: 1;
  40. }
  41. .column {
  42. flex: 1;
  43. display: flex;
  44. flex-direction: column;
  45. }
  46. .justify-end {
  47. justify-content: flex-end;
  48. }
  49. .canbreak {
  50. page-break-before: always;
  51. }
  52. .v-center {
  53. display: flex;
  54. flex-direction: column;
  55. justify-content: center;
  56. align-items: center;
  57. }