layout.scss 1016 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .pagedjs_page_content > div {
  2. height: 100%;
  3. }
  4. .layout {
  5. display: flex;
  6. flex-direction: column;
  7. height: 100%;
  8. // font-family: "SGI-TextAlt";
  9. // font-size: 10.5pt;
  10. // font-weight: 200;
  11. }
  12. .no-folio {
  13. page: nofolio;
  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. }