diff --git a/src/css/effets.scss b/src/css/effets.scss index a897a53..a0dfc12 100644 --- a/src/css/effets.scss +++ b/src/css/effets.scss @@ -7,8 +7,8 @@ .fill-green { background-color: rgb(0,161,154); - width: calc(148mm + #{$fond-perdu} * 2); - height: calc(210mm + #{$fond-perdu} * 2); + width: calc(#{$largeur} + #{$fond-perdu} * 2); + height: calc(#{$hauteur} + #{$fond-perdu} * 2); position: absolute; margin-left: calc(-2cm - #{$fond-perdu}); margin-top: calc(-2cm - #{$fond-perdu}); @@ -16,8 +16,8 @@ .fill-motif { background-size: 0.4cm; - width: calc(148mm + #{$fond-perdu} * 2); - height: calc(210mm + #{$fond-perdu} * 2); + width: calc(#{$largeur} + #{$fond-perdu} * 2); + height: calc(#{$hauteur} + #{$fond-perdu} * 2); position: absolute; margin-left: calc(-2cm - #{$fond-perdu}); margin-top: calc(-2cm - #{$fond-perdu}); diff --git a/src/css/styles_de_paragraphes.scss b/src/css/styles_de_paragraphes.scss index 85dc0e8..43f25a8 100644 --- a/src/css/styles_de_paragraphes.scss +++ b/src/css/styles_de_paragraphes.scss @@ -177,3 +177,30 @@ strong { p img{ max-width: 100%; } + +blockquote{ + background-image: url("/motifs/croix.png"); + background-size: 0.4cm; + width: calc(#{$largeur} + #{$fond-perdu} * 2); + height: calc(#{$hauteur} + #{$fond-perdu} * 2); + position: absolute; + margin-left: calc(-2cm - #{$fond-perdu}); + margin-top: calc(-2cm - #{$fond-perdu}); + padding: 2cm; + break-before: always; + break-after: always; + & p{ + display: inline; + font-size: 28pt; + padding: 0.2cm 0.2cm; + + background-color: white; + + box-shadow: 0.2cm 0px 0px white, 0.2cm 0px 0px white; + box-decoration-break: clone; + + line-height: calc(100% + 0.4cm); + + } + +}