111 lines
2.5 KiB
SCSS
111 lines
2.5 KiB
SCSS
/* -------------------------
|
||
Paged.js : format + compteur
|
||
-------------------------- */
|
||
@page {
|
||
size: A4 portrait;
|
||
// margin: 1.5cm;
|
||
|
||
// @bottom-center {
|
||
// content: "Page " counter(page) " / " counter(pages);
|
||
// font-size: 9pt;
|
||
// }
|
||
}
|
||
|
||
/* Pas de numéro sur cover / back-cover */
|
||
// .cover { page: cover; }
|
||
// .back-cover { page: backcover; }
|
||
|
||
// @page cover { @bottom-center { content: none; } }
|
||
// @page backcover { @bottom-center { content: none; } }
|
||
|
||
/* -------------------------
|
||
PRINT (Ctrl+P)
|
||
-------------------------- */
|
||
@media print {
|
||
/* Cache l’UI du site */
|
||
header[role="banner"],
|
||
footer[role="contentinfo"],
|
||
nav,
|
||
.slick-arrow,
|
||
.slick-dots,
|
||
.layout__region--first{
|
||
display: none !important;
|
||
}
|
||
.layout__region--top{
|
||
flex: 0 1 100% !important;
|
||
.block-entity-fieldnodefield-photo,
|
||
.top_right{
|
||
width: 100% !important;
|
||
}
|
||
}
|
||
.top_top{
|
||
flex-direction: column !important;
|
||
}
|
||
.layout__region--second{
|
||
flex: 0 1 100% !important;
|
||
margin: auto;
|
||
margin-left: 3rem;
|
||
}
|
||
|
||
/* Cover */
|
||
// .cover.print-only {
|
||
// display: flex !important;
|
||
// min-height: 100vh;
|
||
// align-items: center;
|
||
// justify-content: center;
|
||
// text-align: center;
|
||
// break-after: page;
|
||
// }
|
||
|
||
// /* Back cover */
|
||
// .back-cover.print-only {
|
||
// break-before: page;
|
||
// .views-row-wrapper{
|
||
// display: flex;
|
||
// flex-direction: row;
|
||
// flex-wrap: wrap;
|
||
// }
|
||
// }
|
||
|
||
/* Optionnel : éviter l’URL après liens sur la cover */
|
||
// .cover.print-only a[href^="http"]::after,
|
||
// .cover.print-only a[href^="https"]::after {
|
||
// content: "" !important;
|
||
// }
|
||
|
||
|
||
}
|
||
|
||
/* -------------------------
|
||
SCREEN preview (Paged.js)
|
||
-------------------------- */
|
||
// @media screen {
|
||
// /* En écran normal : cacher print-only */
|
||
// body:not(.use-paged) .print-only { display: none !important; }
|
||
|
||
// /* Fond et affichage pages */
|
||
// body.use-paged { background: #ddd; }
|
||
|
||
// body.use-paged .pagedjs_pages {
|
||
// width: 100%;
|
||
// padding: 2rem 0;
|
||
// }
|
||
|
||
// body.use-paged .pagedjs_page {
|
||
// margin: 1rem auto;
|
||
// background: #fff;
|
||
// box-shadow: 0 0 0 1px rgba(0,0,0,.35);
|
||
// }
|
||
|
||
// body.use-paged .pagedjs_pagebox {
|
||
// width: 210mm;
|
||
// min-height: 297mm;
|
||
// margin: 0 auto;
|
||
// background: #fff;
|
||
// }
|
||
// /* Paged.js met le contenu dans .pagedjs_page_content : on évite les surprises */
|
||
// // body.use-paged .pagedjs_page_content {
|
||
// // display: block;
|
||
// // }
|
||
// }
|