_projets-complets-print.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. // =========================
  2. // PRINT
  3. // =========================
  4. @media print {
  5. .layout-container{
  6. display: block;
  7. }
  8. .path-projets-complets {
  9. .layout-content{
  10. width: 80vw;
  11. .print-header {
  12. position: absolute;
  13. top: 1cm;
  14. right: 1cm;
  15. display: flex;
  16. align-items: center;
  17. gap: 0.5rem;
  18. }
  19. .print-header img {
  20. width: 2cm;
  21. height: auto;
  22. }
  23. .print-header__text {
  24. text-transform: uppercase;
  25. font-family: "Source Code Pro";
  26. color: $blue-dark;
  27. font-size: 0.8rem;
  28. font-weight: 500;
  29. text-transform: uppercase;
  30. text-align: end;
  31. }
  32. .views-row{
  33. margin-top: 3rem;
  34. break-after: page ;
  35. page-break-after: always;
  36. .projet-header-print{
  37. padding-top: 3rem;
  38. .field--name-title{
  39. font-size: 1.2rem;
  40. }
  41. }
  42. .projet-body-print{
  43. padding-top: 3rem ;
  44. }
  45. }
  46. }
  47. }
  48. .path-projets-complets .views-row {
  49. page-break-before: always;
  50. break-before: page;
  51. }
  52. .path-projets-complets .views-row:first-child {
  53. page-break-before: auto;
  54. break-before: auto;
  55. }
  56. .path-projets-complets .projet-header-print {
  57. page-break-after: always;
  58. break-after: page;
  59. }
  60. }