diff --git a/src/css/styles_de_paragraphes.scss b/src/css/styles_de_paragraphes.scss index c39d8a3..063fbba 100644 --- a/src/css/styles_de_paragraphes.scss +++ b/src/css/styles_de_paragraphes.scss @@ -243,22 +243,24 @@ p img{ line-height: 9pt; } -blockquote{ - -// align-items: center; +.pagequote{ position: absolute; background-image: url("/motifs/croix.png"); background-size: 0.4cm; width: calc(100% + (#{$marge} + #{$fond-perdu})*2); - height: calc(100% + (#{$marge} + #{$fond-perdu})*2); - margin-left: calc(-#{$marge} - #{$fond-perdu} ); - margin-top: calc(-#{$marge} - #{$fond-perdu}) !important; - left:0; - top:0; + height: calc(100% + (#{$marge} + #{$fond-perdu})*2); + margin-left: calc(-#{$marge} - #{$fond-perdu} ); + margin-top: calc(-#{$marge} - #{$fond-perdu}) !important; + left:0; + top:0; padding: 2cm; break-before: always; break-after: always; - // display: flex; + display: flex; + justify-content: center; +} + +blockquote{ & p{ position: relative; diff --git a/src/pages/Index.vue b/src/pages/Index.vue index 79b8424..99b462d 100644 --- a/src/pages/Index.vue +++ b/src/pages/Index.vue @@ -152,6 +152,14 @@ export default { layouts.forEach(l=>{ l.classList.add("full-layout"); }); + // Centrer les citations + let citations = Array.from(document.querySelectorAll("blockquote")); + citations.forEach((citation, i) => { + let l = citation.closest(".layout"); + l.classList.add("pagequote"); + console.log(l); + }); + }); }); });