| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- // =========================
- // PRINT
- // =========================
- @media print {
- * {
- box-shadow: none !important;
- }
- img {
- max-width: 100%;
- height: auto;
- }
- @page {
- margin-top: 1cm;
- margin-bottom: 1cm;
- margin-left: 1cm;
- margin-right: 1cm;
- }
- .layout-container{
- display: block;
- }
- .path-projets-complets {
- .layout-content{
- width: 80vw;
-
- .print-header {
- position: absolute;
- top: 1cm;
- right: 1cm;
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .print-header img {
- width: 2cm;
- height: auto;
- }
-
- .print-header__text {
- text-transform: uppercase;
- font-family: "Source Code Pro";
-
- color: $blue-dark;
- font-size: 0.8rem;
- font-weight: 500;
- text-transform: uppercase;
- text-align: end;
- }
-
- .views-row{
- .node-type-projet {
- border-bottom:none;
- }
- margin-top: 3rem;
- break-after: page ;
- page-break-after: always;
- .projet-header-print{
- padding-top: 3rem;
- .field--name-title{
- font-size: 1.2rem;
- }
- .field--name-field-photo .field__item:nth-child(n+8) {
- display: none;
- }
- .field--name-field-photo .image-field-caption {
- display: none;
- }
- }
- .projet-body-print{
- padding-top: 3rem ;
- }
- .paragraph{
- break-inside: avoid;
- page-break-inside: avoid;
- }
- }
-
- }
- }
- .path-projets-complets .views-row {
- page-break-before: always;
- break-before: page;
- }
- .path-projets-complets .views-row:first-child {
- page-break-before: auto;
- break-before: auto;
- }
- .path-projets-complets .projet-header-print {
- page-break-after: always;
- break-after: page;
- }
-
- }
|