layout.scss 902 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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. }
  12. .blank-page {
  13. page-break-after: always;
  14. }
  15. .image-bleed {
  16. position: absolute;
  17. width: calc(100% + #{$fond-perdu} * 2);
  18. height: calc(100% + #{$fond-perdu} * 2);
  19. margin-left: -$fond-perdu;
  20. margin-top: -$fond-perdu;
  21. }
  22. .image-cover {
  23. page: imagecover;
  24. background-size: cover;
  25. background-position: center;
  26. background-color: lightgray;
  27. background-repeat: no-repeat;
  28. }
  29. .cover-left {
  30. background-position: 0 50%;
  31. }
  32. .cover-right {
  33. background-position: -148mm 50%;
  34. }
  35. .grow {
  36. flex: 1;
  37. }
  38. .column {
  39. flex: 1;
  40. display: flex;
  41. flex-direction: column;
  42. }
  43. .justify-end {
  44. justify-content: flex-end;
  45. }
  46. .canbreak {
  47. page-break-before: always;
  48. }
  49. .v-center {
  50. display: flex;
  51. flex-direction: column;
  52. justify-content: center;
  53. }