|
|
@@ -2,71 +2,96 @@
|
|
|
// PRINT
|
|
|
// =========================
|
|
|
@media print {
|
|
|
- .layout-container{
|
|
|
+ * {
|
|
|
+ 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 {
|
|
|
+ }
|
|
|
+ .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{
|
|
|
-
|
|
|
- margin-top: 3rem;
|
|
|
- break-after: page ;
|
|
|
- page-break-after: always;
|
|
|
-
|
|
|
- .projet-header-print{
|
|
|
- padding-top: 3rem;
|
|
|
- .field--name-title{
|
|
|
- font-size: 1.2rem;
|
|
|
- }
|
|
|
- }
|
|
|
- .projet-body-print{
|
|
|
- padding-top: 3rem ;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
- .path-projets-complets .views-row {
|
|
|
- page-break-before: always;
|
|
|
- break-before: page;
|
|
|
- }
|
|
|
+ .layout-content{
|
|
|
+ width: 80vw;
|
|
|
|
|
|
- .path-projets-complets .views-row:first-child {
|
|
|
- page-break-before: auto;
|
|
|
- break-before: auto;
|
|
|
+ .print-header {
|
|
|
+ position: absolute;
|
|
|
+ top: 1cm;
|
|
|
+ right: 1cm;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 0.5rem;
|
|
|
}
|
|
|
|
|
|
- .path-projets-complets .projet-header-print {
|
|
|
+ .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;
|
|
|
- break-after: page;
|
|
|
+
|
|
|
+ .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;
|
|
|
+ }
|
|
|
|
|
|
}
|