layout.scss 936 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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} * 6);
  18. height: calc(100% + #{$fond-perdu} * 6);
  19. margin-left: -$fond-perdu - 16;
  20. margin-top: -$fond-perdu - 16;
  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. align-items: center;
  54. }