diff --git a/src/css/effets.scss b/src/css/effets.scss index a0dfc12..aa30909 100644 --- a/src/css/effets.scss +++ b/src/css/effets.scss @@ -6,21 +6,25 @@ } .fill-green { - background-color: rgb(0,161,154); - 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}); + background-color: rgb(0,161,154); + 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; } .fill-motif { - 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}); + 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; padding: 2cm; } diff --git a/src/css/layout.scss b/src/css/layout.scss index 8958a5a..0b2cb78 100644 --- a/src/css/layout.scss +++ b/src/css/layout.scss @@ -24,10 +24,12 @@ .image-bleed { position: absolute; - width: calc(100% + #{$fond-perdu} * 6); - height: calc(100% + #{$fond-perdu} * 6); - margin-left: -$fond-perdu - 24; - margin-top: -$fond-perdu - 16; + 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; } .image-cover { @@ -38,14 +40,6 @@ background-repeat: no-repeat; } -.cover-left { - background-position: 0 50%; -} - -.cover-right { - background-position: -$largeur 50%; -} - .grow { flex: 1; } diff --git a/src/css/styles_de_paragraphes.scss b/src/css/styles_de_paragraphes.scss index f047c56..6a13dbd 100644 --- a/src/css/styles_de_paragraphes.scss +++ b/src/css/styles_de_paragraphes.scss @@ -208,13 +208,15 @@ p img{ } blockquote{ + position: absolute; 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}); + 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; padding: 2cm; break-before: always; break-after: always;