_projets-complets-print.scss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. // =========================
  2. // PRINT
  3. // =========================
  4. @media print {
  5. * {
  6. box-shadow: none !important;
  7. }
  8. img {
  9. max-width: 100%;
  10. height: auto;
  11. }
  12. @page {
  13. margin-top: 1cm;
  14. margin-bottom: 1cm;
  15. margin-left: 1cm;
  16. margin-right: 1cm;
  17. }
  18. .layout-container{
  19. display: block;
  20. }
  21. .path-projets-complets {
  22. .layout-content{
  23. width: 80vw;
  24. .print-header {
  25. position: absolute;
  26. top: 1cm;
  27. right: 1cm;
  28. display: flex;
  29. align-items: center;
  30. gap: 0.5rem;
  31. }
  32. .print-header img {
  33. width: 2cm;
  34. height: auto;
  35. }
  36. .print-header__text {
  37. text-transform: uppercase;
  38. font-family: "Source Code Pro";
  39. color: $blue-dark;
  40. font-size: 0.8rem;
  41. font-weight: 500;
  42. text-transform: uppercase;
  43. text-align: end;
  44. }
  45. .views-row{
  46. .node-type-projet {
  47. border-bottom:none;
  48. }
  49. margin-top: 3rem;
  50. break-after: page ;
  51. page-break-after: always;
  52. .projet-header-print{
  53. padding-top: 3rem;
  54. .field--name-title{
  55. font-size: 1.2rem;
  56. }
  57. .field--name-field-photo .field__item:nth-child(n+8) {
  58. display: none;
  59. }
  60. .field--name-field-photo .image-field-caption {
  61. display: none;
  62. }
  63. }
  64. .projet-body-print{
  65. padding-top: 3rem ;
  66. }
  67. .paragraph{
  68. break-inside: avoid;
  69. page-break-inside: avoid;
  70. }
  71. }
  72. }
  73. }
  74. .path-projets-complets .views-row {
  75. page-break-before: always;
  76. break-before: page;
  77. }
  78. .path-projets-complets .views-row:first-child {
  79. page-break-before: auto;
  80. break-before: auto;
  81. }
  82. .path-projets-complets .projet-header-print {
  83. page-break-after: always;
  84. break-after: page;
  85. }
  86. }